/* Theme Name: Palestra Mantos Theme URI: https://palestraa.com.br Author: Palestra Mantos Description: Tema da loja Palestra Mantos — moda streetwear verde e branco, pronto para WooCommerce (Appmax e Mercado Pago), com desconto no Pix, botão de WhatsApp e instalação de conteúdo inicial em um clique. Version: 2.0.1 Requires at least: 6.4 Requires PHP: 7.4 WC requires at least: 8.0 License: GPLv2 or later Text Domain: palestra-mantos */ /* Fontes locais (sem Google Fonts: mais rápido e sem enviar dados do visitante a terceiros) */ @font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("assets/fonts/inter-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("assets/fonts/inter-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Bebas Neue"; font-style: normal; font-display: swap; font-weight: 400; src: url("assets/fonts/bebas-neue-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: "Bebas Neue"; font-style: normal; font-display: swap; font-weight: 400; src: url("assets/fonts/bebas-neue-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* ========================================================================== 1. Tokens ========================================================================== */ :root { --pm-green-900: #06321d; --pm-green-800: #0a4a2b; --pm-green-700: #0e5c36; --pm-green-600: #127a45; --pm-green-500: #19a058; --pm-green-100: #e4f3ea; --pm-red: #c8102e; --pm-ink: #111a15; --pm-text: #34403a; --pm-muted: #6b7a72; --pm-line: #e3e8e5; --pm-bg: #ffffff; --pm-bg-soft: #f5f7f5; --pm-radius: 14px; --pm-radius-sm: 8px; --pm-shadow: 0 10px 30px rgba(6, 50, 29, .10); --pm-font-display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif; --pm-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --pm-container: 1240px; } /* ========================================================================== 2. Base ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; background: var(--pm-bg); color: var(--pm-text); font-family: var(--pm-font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } img { max-width: 100%; height: auto; display: block; } [hidden] { display: none !important; } a { color: var(--pm-green-600); text-decoration: none; transition: color .2s; } a:hover { color: var(--pm-green-800); } h1, h2, h3, h4 { color: var(--pm-ink); line-height: 1.15; margin: 0 0 .5em; } h1, h2 { font-family: var(--pm-font-display); font-weight: 400; letter-spacing: .02em; } h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); } h2 { font-size: clamp(2rem, 4vw, 2.9rem); } h3 { font-size: 1.15rem; font-weight: 700; } p { margin: 0 0 1em; } button, input, select, textarea { font: inherit; color: inherit; } :focus-visible { outline: 3px solid var(--pm-green-500); outline-offset: 2px; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .skip-link:focus { clip: auto; width: auto; height: auto; z-index: 1000; top: 8px; left: 8px; background: #fff; padding: 10px 16px; border-radius: 6px; box-shadow: var(--pm-shadow); } .pm-container { width: 100%; max-width: var(--pm-container); margin: 0 auto; padding: 0 20px; } .pm-section { padding: 72px 0; } .pm-section--soft { background: var(--pm-bg-soft); } .pm-section__head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 32px; flex-wrap: wrap; } .pm-section__head h2 { margin: 0; } .pm-eyebrow { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--pm-green-600); margin-bottom: 8px; } .pm-link-arrow { font-weight: 700; white-space: nowrap; } .pm-link-arrow::after { content: " →"; } /* Buttons */ .pm-btn, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce-page a.button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 26px; border: 2px solid var(--pm-green-600); border-radius: 999px; background: var(--pm-green-600); color: #fff; font-weight: 700; font-size: .95rem; letter-spacing: .02em; line-height: 1.2; cursor: pointer; transition: background .2s, border-color .2s, color .2s, transform .2s; text-decoration: none; } .pm-btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--pm-green-800); border-color: var(--pm-green-800); color: #fff; } .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover { background: var(--pm-green-600); opacity: .5; } .pm-btn svg, .wp-block-button__link svg { width: 18px; height: 18px; flex: none; } .pm-btn--light { background: #fff; border-color: #fff; color: var(--pm-green-800); } .pm-btn--light:hover { background: var(--pm-green-100); border-color: var(--pm-green-100); color: var(--pm-green-900); } .pm-btn--ghost { background: transparent; border-color: rgba(255,255,255,.7); color: #fff; } .pm-btn--ghost:hover { background: rgba(255,255,255,.12); border-color: #fff; color: #fff; } .pm-btn--outline { background: transparent; color: var(--pm-green-700); } .pm-btn--outline:hover { background: var(--pm-green-600); color: #fff; } .pm-btn--whats { background: #25d366; border-color: #25d366; color: #fff; } .pm-btn--whats:hover { background: #1ebe5a; border-color: #1ebe5a; color: #fff; } /* ========================================================================== 3. Header ========================================================================== */ .pm-admin-warning { background: #fff4c2; border-bottom: 1px solid #e8d27a; padding: 10px 16px; text-align: center; font-size: .9rem; } .pm-admin-warning a { color: #5a4300; font-weight: 700; text-decoration: underline; } .pm-admin-warning small { color: #7a6a30; } .pm-topbar { background: var(--pm-green-900); color: #fff; font-size: .78rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-align: center; padding: 9px 16px; } .pm-topbar span { opacity: .95; } .pm-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--pm-line); } .admin-bar .pm-header { top: 32px; } @media (max-width: 782px) { .admin-bar .pm-header { top: 0; } } .pm-header__main { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; min-height: 84px; } .pm-logo { display: inline-flex; align-items: center; gap: 12px; color: var(--pm-green-800); } .pm-logo:hover { color: var(--pm-green-900); } .pm-logo img { width: 46px; height: auto; } .pm-logo__text { font-family: var(--pm-font-display); font-size: 1.55rem; letter-spacing: .14em; line-height: .95; } .pm-logo__text small { display: block; font-size: .7em; letter-spacing: .38em; color: var(--pm-green-600); } .pm-logo .custom-logo { max-height: 60px; width: auto; } .pm-search { position: relative; max-width: 560px; width: 100%; justify-self: center; } .pm-search input[type="search"] { width: 100%; height: 48px; padding: 0 54px 0 20px; border: 1.5px solid var(--pm-line); border-radius: 999px; background: var(--pm-bg-soft); transition: border-color .2s, background .2s; } .pm-search input[type="search"]:focus { outline: none; border-color: var(--pm-green-500); background: #fff; } .pm-search button { position: absolute; right: 5px; top: 5px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--pm-green-600); color: #fff; display: grid; place-items: center; cursor: pointer; } .pm-search button:hover { background: var(--pm-green-800); } .pm-actions { display: flex; align-items: center; gap: 6px; } .pm-icon-btn { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; color: var(--pm-ink); font-size: .85rem; font-weight: 600; line-height: 1.2; background: none; border: 0; cursor: pointer; } .pm-icon-btn:hover { background: var(--pm-bg-soft); color: var(--pm-green-700); } .pm-icon-btn svg { width: 24px; height: 24px; flex: none; } .pm-icon-btn small { display: block; font-weight: 400; color: var(--pm-muted); font-size: .75rem; } .pm-cart-count { position: absolute; top: 2px; left: 26px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--pm-red); color: #fff; font-size: .7rem; font-weight: 700; display: grid; place-items: center; } .pm-cart-count[hidden] { display: none; } .pm-menu-toggle { display: none; } .pm-nav { border-top: 1px solid var(--pm-line); } .pm-nav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; } .pm-nav li { position: relative; } .pm-nav ul a { display: block; padding: 14px 13px; color: var(--pm-ink); font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } @media (min-width: 961px) and (max-width: 1180px) { .pm-nav ul a { padding: 14px 9px; font-size: .74rem; letter-spacing: .04em; } } .pm-nav a:hover, .pm-nav .current-menu-item > a, .pm-nav .current_page_item > a { color: var(--pm-green-600); } .pm-nav .sub-menu { position: absolute; top: 100%; left: 0; min-width: 220px; display: block; background: #fff; border: 1px solid var(--pm-line); border-radius: var(--pm-radius-sm); box-shadow: var(--pm-shadow); padding: 6px 0; opacity: 0; visibility: hidden; transform: translateY(6px); transition: .2s; z-index: 10; } .pm-nav li:hover > .sub-menu, .pm-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .pm-nav .sub-menu a { text-transform: none; letter-spacing: 0; font-weight: 600; padding: 10px 18px; } .pm-drawer__head, .pm-drawer__extra { display: none; } @media (max-width: 960px) { .pm-header__main { grid-template-columns: auto 1fr auto; gap: 8px; min-height: 68px; } .pm-menu-toggle { display: inline-flex; } .pm-logo { justify-self: start; } .pm-logo img { width: 38px; } .pm-logo__text { font-size: 1.25rem; } .pm-search { grid-column: 1 / -1; grid-row: 2; max-width: none; margin-bottom: 12px; } .pm-icon-btn__label { display: none; } .pm-actions { grid-column: 3; grid-row: 1; justify-self: end; } .pm-nav { position: fixed; inset: 0 auto 0 0; width: min(86vw, 360px); background: #fff; z-index: 200; border: 0; transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto; box-shadow: 10px 0 40px rgba(0,0,0,.15); } .pm-nav.is-open { transform: none; } .pm-nav ul { display: block; } .pm-nav ul a { padding: 14px 22px; border-bottom: 1px solid var(--pm-line); font-size: .9rem; } .pm-nav .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 0 12px; } .pm-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 14px 22px; background: var(--pm-green-800); color: #fff; font-family: var(--pm-font-display); font-size: 1.4rem; letter-spacing: .12em; } .pm-drawer__head button { background: none; border: 0; color: #fff; cursor: pointer; padding: 6px; display: grid; } .pm-drawer__head button svg { width: 26px; height: 26px; } .pm-drawer__extra .pm-btn { width: 100%; } body.pm-menu-open .pm-whats-float { display: none; } .pm-drawer__extra { display: block; padding: 20px 22px; } .pm-overlay { position: fixed; inset: 0; background: rgba(6, 30, 18, .5); z-index: 150; opacity: 0; visibility: hidden; transition: .3s; } .pm-overlay.is-open { opacity: 1; visibility: visible; } } /* ========================================================================== 4. Hero ========================================================================== */ .pm-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 85% 20%, rgba(25,160,88,.55), transparent 55%), radial-gradient(circle at 10% 90%, rgba(6,50,29,.9), transparent 60%), linear-gradient(135deg, var(--pm-green-800), var(--pm-green-600)); } .pm-hero__mark { position: absolute; right: -60px; bottom: -80px; width: 520px; opacity: .07; pointer-events: none; filter: brightness(0) invert(1); } .pm-hero__inner { position: relative; display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; padding: 72px 20px 80px; } .pm-hero .pm-eyebrow { color: #b9f0cf; } .pm-hero h1 { color: #fff; margin-bottom: 18px; } .pm-hero h1 em { font-style: normal; color: #b9f0cf; } .pm-hero__text { font-size: 1.12rem; max-width: 520px; color: rgba(255,255,255,.88); margin-bottom: 30px; } .pm-hero__cta { display: flex; gap: 12px; flex-wrap: wrap; } .pm-hero__flag { display: inline-flex; gap: 5px; margin-bottom: 18px; } .pm-hero__flag i { width: 22px; height: 6px; border-radius: 3px; display: block; } .pm-hero__flag i:nth-child(1) { background: #19a058; } .pm-hero__flag i:nth-child(2) { background: #fff; } .pm-hero__flag i:nth-child(3) { background: var(--pm-red); } .pm-hero__media { position: relative; display: grid; grid-template-columns: 1fr .78fr; gap: 16px; align-items: end; } .pm-hero__media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 22px; box-shadow: 0 30px 60px rgba(0,0,0,.3); } .pm-hero__media img:nth-child(2) { margin-bottom: 48px; } .pm-hero__badge { position: absolute; left: -18px; top: 28px; background: #fff; color: var(--pm-green-800); border-radius: 16px; padding: 12px 16px; box-shadow: var(--pm-shadow); font-weight: 800; line-height: 1.1; } .pm-hero__badge small { display: block; font-weight: 600; font-size: .75rem; color: var(--pm-muted); } .pm-hero__badge strong { font-family: var(--pm-font-display); font-size: 1.9rem; font-weight: 400; color: var(--pm-red); } @media (max-width: 900px) { .pm-hero__inner { grid-template-columns: 1fr; padding: 44px 20px 56px; gap: 36px; } .pm-hero__badge { left: 8px; top: 8px; } .pm-hero__mark { width: 320px; } } /* Banner rotativo */ .pm-slider { position: relative; overflow: hidden; } .pm-slides { display: grid; } .pm-slide { grid-area: 1 / 1; position: relative; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s; } .pm-slide.is-active { opacity: 1; visibility: visible; z-index: 1; } .pm-slide__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; min-height: 520px; padding-top: 48px; padding-bottom: 64px; } .pm-slide__title { font-family: var(--pm-font-display); font-weight: 400; font-size: clamp(2.6rem, 6vw, 4.6rem); letter-spacing: .02em; line-height: 1.02; margin: 0 0 16px; } .pm-slide__desc { font-size: 1.1rem; max-width: 520px; margin-bottom: 28px; } .pm-slide__points { list-style: none; margin: -12px 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; } .pm-slide__points li { display: inline-flex; align-items: center; gap: 7px; font-size: .92rem; font-weight: 600; } .pm-slide__points svg { width: 18px; height: 18px; flex: none; stroke-width: 2.6; } .pm-slide--dark .pm-slide__points li { color: #fff; } .pm-slide--dark .pm-slide__points svg { color: #3ddc84; } .pm-slide--light .pm-slide__points svg { color: var(--pm-green-500); } .pm-slide__ship { display: inline-flex; align-items: center; gap: 8px; font-size: .88rem; font-weight: 700; } .pm-slide__ship svg { width: 20px; height: 20px; } .pm-slide__media { position: relative; display: flex; justify-content: center; align-items: center; } .pm-slide__media img { max-height: 470px; width: auto; max-width: 100%; object-fit: contain; } .pm-slide__media.has-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: end; } .pm-slide__media.has-two img { width: 100%; max-height: 440px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 20px; } .pm-slide__media.has-two img:last-child { margin-bottom: 40px; } .pm-hero__cta { align-items: center; } /* Slide claro (imagem com fundo branco "some" no fundo) */ .pm-slide--light { background: radial-gradient(circle at 80% 30%, #e3f3e8, #f5f8f6 60%); color: var(--pm-text); } .pm-slide--light .pm-slide__title { color: var(--pm-green-800); } .pm-slide--light .pm-slide__title em { font-style: normal; color: var(--pm-green-500); } .pm-slide--light .pm-slide__media img { filter: drop-shadow(0 20px 30px rgba(6,50,29,.12)); } .pm-slide--light .pm-slide__ship { color: var(--pm-green-700); } /* Slides Black Friday */ .pm-slide--dark { background: radial-gradient(circle at 78% 40%, rgba(25,160,88,.45), transparent 55%), #080b09; color: rgba(255,255,255,.85); } .pm-slide--dark .pm-eyebrow { color: #3ddc84; } .pm-slide--dark .pm-slide__title { color: #fff; } .pm-slide--dark .pm-slide__title em { display: block; font-style: normal; color: #3ddc84; font-size: 1.25em; } .pm-slide--dark .pm-slide__ship { color: #b9f0cf; } .pm-slide--dark .pm-slide__media:not(.has-two) img { border-radius: 20px; max-height: 440px; box-shadow: 0 30px 60px rgba(0,0,0,.5); } .pm-slide__bf { display: none; } /* Selo "Black Friday" no lugar do texto pequeno acima do título. */ .pm-slide--dark .pm-eyebrow { display: inline-block; background: #3ddc84; color: #06321d; padding: 7px 14px; border-radius: 6px; font-size: .82rem; letter-spacing: .16em; box-shadow: 0 8px 24px rgba(61,220,132,.25); } @media (min-width: 901px) { /* Espaço para as setas não ficarem em cima do texto e da foto. */ .pm-slide__inner { padding-left: 84px; padding-right: 84px; } } .pm-btn--green { background: #19a058; border-color: #19a058; color: #fff; } .pm-btn--green:hover { background: #3ddc84; border-color: #3ddc84; color: #06321d; } /* Controles */ .pm-slider__arrow { position: absolute; top: 50%; z-index: 3; width: 46px; height: 46px; margin-top: -23px; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); color: var(--pm-green-800); display: grid; place-items: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.15); transition: transform .2s; } .pm-slider__arrow:hover { transform: scale(1.08); } .pm-slider__arrow svg { width: 22px; height: 22px; } .pm-slider__arrow--prev { left: 16px; } .pm-slider__arrow--prev svg { transform: rotate(180deg); } .pm-slider__arrow--next { right: 16px; } .pm-slider__dots { position: absolute; left: 0; right: 0; bottom: 18px; z-index: 3; display: flex; justify-content: center; gap: 8px; } .pm-slider__dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: rgba(120,140,130,.5); cursor: pointer; transition: width .3s, background .3s; } .pm-slider__dot.is-active { width: 30px; background: var(--pm-green-500); } @media (max-width: 900px) { .pm-slide__inner { grid-template-columns: 1fr; gap: 20px; min-height: 0; padding-top: 32px; padding-bottom: 60px; text-align: left; } .pm-slide__media img { max-height: 300px; } .pm-slide__media.has-two img { max-height: 260px; } .pm-slide__media.has-two img:last-child { margin-bottom: 24px; } .pm-slide__desc { font-size: 1rem; margin-bottom: 20px; } .pm-slider__arrow { display: none; } } @media (prefers-reduced-motion: reduce) { .pm-slide { transition: none; } } /* ========================================================================== 5. Benefits, categories, banners, testimonials ========================================================================== */ .pm-benefits { border-bottom: 1px solid var(--pm-line); background: #fff; } .pm-benefits__grid { display: grid; grid-template-columns: repeat(4, 1fr); } .pm-benefit { display: flex; align-items: center; gap: 14px; padding: 22px 18px; } .pm-benefit + .pm-benefit { border-left: 1px solid var(--pm-line); } .pm-benefit svg { width: 34px; height: 34px; flex: none; color: var(--pm-green-600); } .pm-benefit strong { display: block; color: var(--pm-ink); font-size: .95rem; line-height: 1.25; } .pm-benefit span { font-size: .82rem; color: var(--pm-muted); } @media (max-width: 900px) { .pm-benefits__grid { grid-template-columns: 1fr 1fr; } .pm-benefit { padding: 16px 10px; gap: 10px; } .pm-benefit + .pm-benefit { border-left: 0; } .pm-benefit:nth-child(even) { border-left: 1px solid var(--pm-line); } .pm-benefit:nth-child(n+3) { border-top: 1px solid var(--pm-line); } .pm-benefit svg { width: 28px; height: 28px; } } .pm-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .pm-cat { position: relative; display: block; border-radius: var(--pm-radius); overflow: hidden; aspect-ratio: 4 / 5; background: var(--pm-green-100); } .pm-cat img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; } .pm-cat:hover img { transform: scale(1.05); } .pm-cat__label { position: absolute; inset: auto 0 0 0; padding: 70px 24px 22px; color: #fff; background: linear-gradient(to top, rgba(6,50,29,.92), transparent); display: flex; align-items: end; justify-content: space-between; gap: 10px; } .pm-cat__label strong { font-family: var(--pm-font-display); font-weight: 400; font-size: 2rem; letter-spacing: .06em; line-height: 1; } .pm-cat__label span { width: 42px; height: 42px; border-radius: 50%; background: #fff; color: var(--pm-green-700); display: grid; place-items: center; flex: none; transition: transform .2s; } .pm-cat:hover .pm-cat__label span { transform: translateX(4px); } @media (max-width: 760px) { .pm-cats { grid-template-columns: 1fr 1fr; gap: 12px; } .pm-cats .pm-cat:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 11; } .pm-cat__label { padding: 50px 16px 16px; } .pm-cat__label strong { font-size: 1.5rem; } .pm-cat__label span { width: 34px; height: 34px; } } .pm-split { display: grid; grid-template-columns: 1fr 1fr; border-radius: 24px; overflow: hidden; background: var(--pm-green-900); color: #fff; } .pm-split__img img { width: 100%; height: 100%; object-fit: cover; min-height: 420px; } .pm-split__body { padding: 56px; display: flex; flex-direction: column; justify-content: center; } .pm-split__body h2 { color: #fff; } .pm-split__body p { color: rgba(255,255,255,.82); max-width: 460px; } .pm-split__body .pm-eyebrow { color: #b9f0cf; } .pm-split__list { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 10px; } .pm-split__list li { display: flex; gap: 10px; align-items: center; color: #fff; font-weight: 600; } .pm-split__list li::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: var(--pm-green-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; flex: none; } @media (max-width: 860px) { .pm-split { grid-template-columns: 1fr; } .pm-split__img img { min-height: 0; aspect-ratio: 4 / 3.4; } .pm-split__body { padding: 32px 24px 40px; } } .pm-testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .pm-testimonial { background: #fff; border: 1px solid var(--pm-line); border-radius: var(--pm-radius); padding: 28px; } .pm-stars { color: #f5b301; letter-spacing: 3px; margin-bottom: 12px; font-size: 1.05rem; } .pm-testimonial p { color: var(--pm-ink); } .pm-testimonial footer { display: flex; align-items: center; gap: 12px; font-size: .88rem; color: var(--pm-muted); } .pm-testimonial footer b { color: var(--pm-ink); display: block; } .pm-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--pm-green-100); color: var(--pm-green-700); display: grid; place-items: center; font-weight: 800; } @media (max-width: 860px) { .pm-testimonials { grid-template-columns: 1fr; } } .pm-cta-band { background: var(--pm-green-600); color: #fff; } .pm-cta-band__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 44px 20px; flex-wrap: wrap; } .pm-cta-band h2 { color: #fff; margin: 0 0 4px; } .pm-cta-band p { margin: 0; color: rgba(255,255,255,.88); } /* Apresentação "Bem-vindo" */ .pm-welcome__inner { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: center; } .pm-welcome__media { display: flex; justify-content: center; } .pm-welcome__media img { max-height: 460px; width: auto; filter: drop-shadow(0 20px 30px rgba(6,50,29,.12)); } .pm-welcome__text h2 { margin-bottom: 18px; } .pm-welcome__text p { font-size: 1.08rem; color: var(--pm-text); } .pm-welcome__sign { font-family: var(--pm-font-display); font-size: 1.7rem !important; letter-spacing: .03em; color: var(--pm-green-700) !important; margin: 8px 0 26px; line-height: 1.15; } @media (max-width: 860px) { .pm-welcome__inner { grid-template-columns: 1fr; gap: 24px; } .pm-welcome__media img { max-height: 280px; } } /* Newsletter */ #newsletter, #destaques, #lancamentos, #sobre { scroll-margin-top: 140px; } .pm-newsletter { background: radial-gradient(circle at 85% 20%, rgba(61,220,132,.28), transparent 55%), var(--pm-green-800); color: #fff; } .pm-newsletter__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 40px; align-items: center; padding-top: 64px; padding-bottom: 64px; } .pm-newsletter .pm-eyebrow { color: #b9f0cf; } .pm-newsletter h2 { color: #fff; margin-bottom: 10px; } .pm-newsletter__text p { color: rgba(255,255,255,.85); margin: 0; font-size: 1.05rem; } .pm-newsletter__row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) auto; gap: 10px; } .pm-newsletter__row input { height: 52px; min-width: 0; border: 0; border-radius: 999px; padding: 0 20px; background: #fff; color: var(--pm-ink); } .pm-newsletter__row input:focus { outline: 3px solid #3ddc84; outline-offset: 1px; } .pm-newsletter__row .pm-btn { min-height: 52px; } .pm-newsletter__consent { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; font-size: .84rem; color: rgba(255,255,255,.8); cursor: pointer; } .pm-newsletter__consent input { margin-top: 3px; accent-color: #3ddc84; width: 16px; height: 16px; flex: none; } .pm-newsletter__consent a { color: #b9f0cf; text-decoration: underline; } .pm-newsletter__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .pm-newsletter__msg { margin: 14px 0 0; padding: 10px 14px; border-radius: 10px; font-weight: 600; font-size: .92rem; } .pm-newsletter__msg.is-ok { background: rgba(61,220,132,.2); color: #d9ffe8; } .pm-newsletter__msg.is-erro { background: rgba(200,16,46,.25); color: #ffe1e6; } @media (max-width: 900px) { .pm-newsletter__inner { grid-template-columns: 1fr; gap: 20px; padding-top: 48px; padding-bottom: 48px; } .pm-newsletter__row { grid-template-columns: 1fr; } } /* ========================================================================== 6. Content pages ========================================================================== */ .pm-page-hero { background: var(--pm-bg-soft); border-bottom: 1px solid var(--pm-line); padding: 44px 0 36px; } .pm-page-hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); margin: 0; } .pm-content { max-width: 820px; margin: 0 auto; padding: 48px 20px 80px; } .pm-content h2 { font-size: 2rem; margin-top: 1.6em; } .pm-content h3 { margin-top: 1.4em; } .pm-content ul, .pm-content ol { padding-left: 1.3em; } .pm-content li { margin-bottom: .4em; } .pm-content table:not(.shop_table):not(.variations), .woocommerce table.shop_table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: .95rem; } .pm-content table:not(.shop_table):not(.variations) th, .pm-content table:not(.shop_table):not(.variations) td { padding: 12px 14px; border: 1px solid var(--pm-line); text-align: center; } .pm-content table:not(.shop_table):not(.variations) thead th { background: var(--pm-green-700); color: #fff; border-color: var(--pm-green-700); } .pm-content table:not(.shop_table):not(.variations) tbody tr:nth-child(even) { background: var(--pm-bg-soft); } .pm-content .pm-note { background: var(--pm-green-100); border-left: 4px solid var(--pm-green-600); border-radius: 8px; padding: 16px 18px; } .pm-table-wrap { overflow-x: auto; } /* ========================================================================== 7. WooCommerce — product grid ========================================================================== */ .pm-shop { padding: 36px 20px 80px; } .woocommerce .woocommerce-breadcrumb { font-size: .82rem; color: var(--pm-muted); margin-bottom: 18px; } .woocommerce .woocommerce-breadcrumb a { color: var(--pm-muted); } .woocommerce-products-header__title.page-title { font-size: clamp(2.2rem, 5vw, 3.2rem); margin-bottom: 10px; } .woocommerce .woocommerce-result-count { color: var(--pm-muted); font-size: .9rem; margin: 10px 0 24px; } .woocommerce .woocommerce-ordering select { height: 44px; border: 1.5px solid var(--pm-line); border-radius: 999px; padding: 0 16px; background: #fff; } .woocommerce ul.products, .woocommerce-page ul.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 20px; margin: 0; padding: 0; clear: both; } .woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; padding: 0; position: relative; display: flex; flex-direction: column; text-align: left; } .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { color: inherit; display: block; } .woocommerce ul.products li.product a img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--pm-radius); margin: 0 0 14px; background: var(--pm-bg-soft); transition: transform .4s ease, box-shadow .4s; } .woocommerce ul.products li.product:hover a img { box-shadow: var(--pm-shadow); transform: translateY(-3px); } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--pm-font-body); font-size: .98rem !important; font-weight: 600; color: var(--pm-ink); padding: 0 !important; margin: 0 0 6px; line-height: 1.35; } .woocommerce ul.products li.product .price { color: var(--pm-ink) !important; font-size: 1.12rem !important; font-weight: 800; margin-bottom: 2px !important; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; } .woocommerce ul.products li.product .price del { color: var(--pm-muted); font-weight: 400; font-size: .85rem; opacity: 1; order: -1; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .pm-pix-loop { font-size: .82rem; color: var(--pm-green-600); font-weight: 600; margin-bottom: 12px; } .pm-pix-loop b { font-weight: 800; } .woocommerce ul.products li.product .button { margin-top: auto; width: 100%; min-height: 44px; padding: 10px 16px; background: transparent; color: var(--pm-green-700); } .woocommerce ul.products li.product .button:hover { background: var(--pm-green-600); color: #fff; } .woocommerce ul.products li.product .added_to_cart { display: block; text-align: center; font-size: .85rem; font-weight: 600; margin-top: 6px; } .woocommerce span.onsale { min-width: 0; min-height: 0; line-height: 1; padding: 7px 11px; border-radius: 999px; background: var(--pm-red); color: #fff; font-size: .75rem; font-weight: 800; letter-spacing: .04em; top: 12px !important; left: 12px !important; right: auto !important; margin: 0 !important; } @media (max-width: 1024px) { .woocommerce ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 760px) { .woocommerce ul.products, .woocommerce ul.products.columns-3, .woocommerce-page ul.products { grid-template-columns: 1fr 1fr; gap: 22px 12px; } .woocommerce ul.products li.product .price { font-size: 1rem !important; } .woocommerce ul.products li.product .button { font-size: .82rem; padding: 8px 10px; } } .woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; justify-content: center; gap: 6px; margin-top: 40px; } .woocommerce nav.woocommerce-pagination ul li { border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--pm-line); padding: 0; } .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--pm-green-600); color: #fff; border-color: var(--pm-green-600); } /* ========================================================================== 8. WooCommerce — single product ========================================================================== */ .woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: start; } .woocommerce div.product > * { min-width: 0; } .woocommerce div.product > .woocommerce-product-gallery, .woocommerce div.product > .summary { width: auto !important; float: none !important; margin: 0 !important; } .woocommerce div.product > .woocommerce-tabs, .woocommerce div.product > .related, .woocommerce div.product > .up-sells { grid-column: 1 / -1; } .woocommerce div.product div.images img { border-radius: var(--pm-radius); } .woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 10px; } .woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; float: none !important; } .woocommerce div.product div.images .flex-control-thumbs li img { border-radius: 10px; opacity: .55; aspect-ratio: 1; object-fit: cover; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; } .woocommerce div.product .product_title { font-family: var(--pm-font-body); font-weight: 800; font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.01em; line-height: 1.2; margin-bottom: 12px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--pm-ink) !important; font-size: 2rem !important; font-weight: 800; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; } .woocommerce div.product p.price del { font-size: 1.05rem; font-weight: 400; color: var(--pm-muted); opacity: 1; order: -1; } .woocommerce div.product p.price ins { text-decoration: none; } .pm-pay-info { background: var(--pm-bg-soft); border-radius: var(--pm-radius); padding: 16px 18px; margin: 14px 0 22px; display: grid; gap: 8px; font-size: .92rem; } .pm-pay-info div { display: flex; gap: 10px; align-items: center; } .pm-pay-info svg { width: 22px; height: 22px; color: var(--pm-green-600); flex: none; } .pm-pay-info b { color: var(--pm-green-700); } .woocommerce div.product form.cart { margin: 0 0 24px; } .woocommerce div.product form.cart .variations { margin-bottom: 8px; } .woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; padding: 0; text-align: left; line-height: 1.4; } .woocommerce div.product form.cart .variations label { font-weight: 700; color: var(--pm-ink); text-transform: uppercase; font-size: .8rem; letter-spacing: .1em; } .woocommerce div.product form.cart .variations select { min-width: 200px; height: 46px; border: 1.5px solid var(--pm-line); border-radius: 10px; padding: 0 14px; background: #fff; margin: 8px 0; } .pm-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 6px; } .pm-swatch { min-width: 52px; height: 46px; padding: 0 14px; border: 1.5px solid var(--pm-line); border-radius: 10px; background: #fff; font-weight: 700; color: var(--pm-ink); cursor: pointer; transition: .15s; } .pm-swatch:hover { border-color: var(--pm-green-600); } .pm-swatch.is-active { background: var(--pm-green-600); border-color: var(--pm-green-600); color: #fff; } .pm-swatch:disabled { opacity: .35; text-decoration: line-through; cursor: not-allowed; } .pm-has-swatches select { position: absolute !important; opacity: 0; pointer-events: none; width: 1px !important; min-width: 0 !important; height: 1px !important; } .woocommerce div.product form.cart .reset_variations { font-size: .82rem; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .woocommerce .quantity .qty { width: 72px; height: 50px; border: 1.5px solid var(--pm-line); border-radius: 999px; text-align: center; } .woocommerce div.product form.cart .button { min-height: 52px; flex: 1; min-width: 200px; font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; } .woocommerce div.product form.cart .woocommerce-variation-add-to-cart, .woocommerce div.product form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; gap: 10px; } .pm-size-guide { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: .88rem; font-weight: 700; margin-bottom: 4px; } .pm-buy-whats { margin: -8px 0 20px; } .pm-buy-whats .pm-btn { width: 100%; } .woocommerce div.product .product_meta { font-size: .85rem; color: var(--pm-muted); border-top: 1px solid var(--pm-line); padding-top: 16px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 40px 0 0; display: flex; gap: 6px; border-bottom: 1px solid var(--pm-line); overflow-x: auto; } .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: 0; margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 18px; font-weight: 700; color: var(--pm-muted); border-bottom: 3px solid transparent; white-space: nowrap; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--pm-green-700); border-color: var(--pm-green-600); } .woocommerce div.product .woocommerce-tabs .panel { padding: 24px 0; } .woocommerce div.product .woocommerce-tabs .panel h2:first-child { display: none; } .related.products > h2, .up-sells > h2 { margin: 40px 0 24px; } @media (max-width: 860px) { .woocommerce div.product { grid-template-columns: minmax(0, 1fr); gap: 24px; } .woocommerce div.product form.cart .button { min-width: 0; } } /* Provador — Descubra seu tamanho */ .pm-size-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 4px; } button.pm-size-guide { background: none; border: 0; padding: 0; cursor: pointer; color: var(--pm-green-600); font: inherit; font-size: .88rem; font-weight: 700; } .pm-size-guide svg { width: 18px; height: 18px; } .pm-fit { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 24px; align-items: center; background: var(--pm-bg-soft); border-radius: 20px; padding: 24px; margin: 0 0 32px; } .pm-fit__stage { position: relative; background: radial-gradient(circle at 50% 35%, #fff, var(--pm-green-100)); border-radius: 16px; padding: 12px; } .pm-fit__svg { width: 100%; height: auto; max-height: 420px; display: block; overflow: visible; } .pm-fit__body { transform-box: view-box; transform-origin: 100px 362px; transition: transform .35s cubic-bezier(.2,.8,.2,1); } .pm-fit__top, .pm-fit__pants, .pm-fit__pants-cuff, .pm-fit__pants-waist { transform-box: fill-box; transform-origin: center; transition: transform .35s cubic-bezier(.2,.8,.2,1), fill .2s; } .pm-fit__skin { fill: #d9c3ae; } .pm-fit__hair { fill: #3b2a20; } .pm-fit[data-sex="f"] .pm-fit__body--m, .pm-fit[data-sex="m"] .pm-fit__body--f { display: none; } .pm-fit__sex { display: inline-flex; border: 0; padding: 4px; margin: 0 0 16px; background: #fff; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--pm-line); } .pm-fit__sex label { position: relative; cursor: pointer; } .pm-fit__sex input { position: absolute; opacity: 0; pointer-events: none; } .pm-fit__sex span { display: block; padding: 8px 18px; border-radius: 999px; font-weight: 700; font-size: .9rem; color: var(--pm-muted); transition: background .2s, color .2s; } .pm-fit__sex input:checked + span { background: var(--pm-green-600); color: #fff; } .pm-fit__sex input:focus-visible + span { outline: 3px solid var(--pm-green-500); outline-offset: 2px; } .pm-fit__shoe { fill: #fff; stroke: #c9d2cd; stroke-width: 1.5; } .pm-fit__floor { stroke: #b9cbbf; stroke-width: 2; stroke-dasharray: 4 5; } .pm-fit__top { fill: #e9eeeb; stroke: #c9d2cd; stroke-width: 1.5; } .pm-fit__pants, .pm-fit__pants-cuff, .pm-fit__pants-waist { fill: #e9eeeb; stroke: #c9d2cd; stroke-width: 1.5; } .pm-fit__collar { fill: none; stroke: #c9d2cd; stroke-width: 2; } .pm-fit__logo { font-family: var(--pm-font-display); font-size: 22px; fill: transparent; } .pm-fit[data-type="top"] .pm-fit__top, .pm-fit[data-type="both"] .pm-fit__top { fill: #fff; stroke: var(--pm-green-600); } .pm-fit[data-type="top"] .pm-fit__logo, .pm-fit[data-type="both"] .pm-fit__logo { fill: var(--pm-green-600); } .pm-fit[data-type="bottom"] .pm-fit__pants, .pm-fit[data-type="both"] .pm-fit__pants { fill: var(--pm-green-500); stroke: var(--pm-green-700); } .pm-fit[data-type="bottom"] .pm-fit__pants-cuff, .pm-fit[data-type="both"] .pm-fit__pants-cuff, .pm-fit[data-type="bottom"] .pm-fit__pants-waist, .pm-fit[data-type="both"] .pm-fit__pants-waist { fill: var(--pm-green-700); stroke: var(--pm-green-700); } .pm-fit__height-tag { position: absolute; top: 12px; left: 12px; background: #fff; border-radius: 999px; padding: 4px 12px; font-weight: 800; font-size: .85rem; color: var(--pm-green-700); box-shadow: 0 4px 12px rgba(6,50,29,.08); } .pm-fit__title { font-family: var(--pm-font-display); font-size: 2rem; color: var(--pm-ink); margin: 0 0 14px; letter-spacing: .03em; line-height: 1; } .pm-fit__field { margin-bottom: 16px; } .pm-fit__field label { display: flex; justify-content: space-between; font-weight: 700; color: var(--pm-ink); font-size: .92rem; margin-bottom: 6px; } .pm-fit__field output { color: var(--pm-green-700); font-weight: 800; } .pm-fit input[type="range"] { width: 100%; accent-color: var(--pm-green-600); height: 28px; } .pm-fit__pref { border: 0; padding: 0; margin: 0 0 16px; } .pm-fit__pref legend { font-weight: 700; color: var(--pm-ink); font-size: .92rem; margin-bottom: 8px; padding: 0; } .pm-fit__pref label { display: inline-flex; align-items: center; gap: 6px; margin: 0 14px 6px 0; font-size: .9rem; cursor: pointer; } .pm-fit__pref input { accent-color: var(--pm-green-600); } .pm-fit__result { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; background: var(--pm-green-800); color: #fff; border-radius: 14px; padding: 14px 18px; margin-bottom: 12px; } .pm-fit__result span { font-weight: 600; } .pm-fit__result strong { grid-row: span 2; font-family: var(--pm-font-display); font-weight: 400; font-size: 3.2rem; line-height: 1; color: #b9f0cf; min-width: 64px; text-align: center; } .pm-fit__result small { font-size: .8rem; color: rgba(255,255,255,.85); } .pm-fit__result small:empty { display: none; } .pm-fit__apply { width: 100%; margin-bottom: 10px; } .pm-fit__disclaimer { font-size: .78rem; color: var(--pm-muted); margin: 0; } .woocommerce div.product > .pm-fit-section { grid-column: 1 / -1; scroll-margin-top: 150px; } .pm-fit-section .pm-fit { margin: 8px 0 0; } a.pm-size-guide { color: var(--pm-green-600); } @keyframes pm-flash { 0%, 100% { box-shadow: 0 0 0 0 rgba(25,160,88,0); } 30% { box-shadow: 0 0 0 6px rgba(25,160,88,.35); } } form.cart.pm-flash { animation: pm-flash 1.6s ease; border-radius: 14px; } @media (max-width: 680px) { .pm-fit { grid-template-columns: 1fr; padding: 16px; gap: 16px; } .pm-fit__stage { max-width: 200px; margin: 0 auto; width: 100%; padding: 8px; } .pm-fit__svg { max-height: 210px; } .pm-fit__height-tag { top: 6px; left: 6px; font-size: .75rem; padding: 3px 9px; } .pm-fit__title { font-size: 1.6rem; margin-bottom: 10px; } .pm-fit__field { margin-bottom: 10px; } } /* Calculadora de frete (página do produto) */ .pm-ship { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); padding: 16px 18px; margin: 0 0 22px; } .pm-ship label { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--pm-ink); font-size: .92rem; margin-bottom: 10px; } .pm-ship label svg { width: 20px; height: 20px; color: var(--pm-green-600); } .pm-ship__row { display: flex; gap: 8px; } .pm-ship__row input { flex: 1; min-width: 0; height: 46px; border: 1.5px solid var(--pm-line); border-radius: 999px; padding: 0 18px; font-size: 1rem; letter-spacing: .04em; } .pm-ship__row input:focus { outline: none; border-color: var(--pm-green-500); } .pm-ship__row .pm-btn { min-height: 46px; padding: 10px 20px; } .pm-ship__help { display: inline-block; font-size: .8rem; margin-top: 8px; color: var(--pm-muted); text-decoration: underline; } .pm-ship__list { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 6px; } .pm-ship__list li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; background: var(--pm-bg-soft); border-radius: 10px; font-size: .9rem; } .pm-ship__list li b { color: var(--pm-ink); white-space: nowrap; } .pm-ship__list li.is-free b { color: var(--pm-green-600); } .pm-ship__note { margin: 10px 0 0; font-size: .85rem; color: var(--pm-green-700); font-weight: 600; } .pm-ship__error { margin: 10px 0 0; font-size: .88rem; color: var(--pm-red); } .pm-ship__loading { margin: 10px 0 0; font-size: .88rem; color: var(--pm-muted); } /* Calculadora do plugin Melhor Envio: a cotação aparece na calculadora do tema. */ #me-cep-calc { display: none !important; } /* Calculadora do carrinho: só CEP, sempre aberta */ .woocommerce-cart .shipping-calculator-form { display: block !important; } .woocommerce-cart .shipping-calculator-button { display: none; } .woocommerce-cart #calc_shipping_country_field { display: none; } /* ========================================================================== 9. WooCommerce — cart, checkout, account, notices ========================================================================== */ .woocommerce-message, .woocommerce-info, .woocommerce-error { border: 0; border-left: 4px solid var(--pm-green-600); border-radius: 10px; background: var(--pm-green-100); color: var(--pm-ink); } .woocommerce-error { border-left-color: var(--pm-red); background: #fdecee; } .woocommerce-message::before, .woocommerce-info::before { color: var(--pm-green-600); } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container--default .select2-selection--single { min-height: 48px; border: 1.5px solid var(--pm-line); border-radius: 10px; padding: 10px 14px; background: #fff; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 26px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { outline: none; border-color: var(--pm-green-500); } .woocommerce form .form-row label { font-weight: 600; font-size: .9rem; color: var(--pm-ink); } .woocommerce table.shop_table { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); overflow: hidden; } .woocommerce table.shop_table th { background: var(--pm-bg-soft); color: var(--pm-ink); font-size: .85rem; text-transform: uppercase; letter-spacing: .06em; } .woocommerce table.shop_table img { width: 72px; border-radius: 8px; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout h3 { font-family: var(--pm-font-display); font-weight: 400; font-size: 1.9rem; } .woocommerce-checkout #payment { background: var(--pm-bg-soft); border-radius: var(--pm-radius); } .woocommerce-checkout #payment ul.payment_methods li { list-style: none; } .woocommerce #payment #place_order { width: 100%; min-height: 56px; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .08em; } .pm-pix-fee { color: var(--pm-green-600); font-weight: 700; } /* ========================================================================== Fluxo de compra: carrinho, checkout e confirmação ========================================================================== */ .pm-content--wide { max-width: var(--pm-container); padding: 32px 20px 80px; } .pm-page-hero--flow { padding: 28px 0 22px; } .pm-page-hero--flow .pm-container { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; } .pm-page-hero--flow h1 { font-size: clamp(2rem, 4vw, 2.8rem); } .pm-steps { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; } .pm-steps li { display: flex; align-items: center; gap: 8px; color: var(--pm-muted); font-size: .85rem; font-weight: 700; } .pm-steps li + li::before { content: ""; width: 34px; height: 2px; background: var(--pm-line); margin-right: 4px; } .pm-steps__n { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid var(--pm-line); font-size: .8rem; } .pm-steps li.is-current { color: var(--pm-green-800); } .pm-steps li.is-current .pm-steps__n { background: var(--pm-green-600); border-color: var(--pm-green-600); color: #fff; } .pm-steps li.is-done { color: var(--pm-green-600); } .pm-steps li.is-done .pm-steps__n { background: var(--pm-green-100); border-color: var(--pm-green-500); color: var(--pm-green-700); } .pm-steps li.is-done + li::before, .pm-steps li.is-current + li::before { background: var(--pm-green-500); } @media (max-width: 680px) { .pm-steps__label { display: none; } .pm-steps li.is-current .pm-steps__label { display: inline; } .pm-steps li + li::before { width: 18px; } } /* Carrinho: itens à esquerda, resumo fixo à direita */ .woocommerce-cart.pm-store-flow .pm-content .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px 32px; align-items: start; } .woocommerce-cart.pm-store-flow .pm-content .woocommerce > * { grid-column: 1; min-width: 0; } .woocommerce-cart.pm-store-flow .pm-content .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; } .woocommerce-cart.pm-store-flow .pm-content .woocommerce > .cart-collaterals { grid-column: 2; grid-row: 2 / span 3; position: sticky; top: 150px; } .woocommerce-cart .cart-collaterals .cart_totals { float: none !important; width: 100% !important; background: #fff; border: 1px solid var(--pm-line); border-radius: 18px; padding: 22px; box-shadow: var(--pm-shadow); } .woocommerce-cart .cart-collaterals .cross-sells { display: none; } .woocommerce-cart .cart_totals h2 { font-size: 1.8rem !important; margin: 4px 0 12px; } .woocommerce-cart .cart_totals table.shop_table { border: 0; box-shadow: none; margin: 0 0 8px; } .woocommerce-cart .cart_totals table.shop_table th { background: none; text-transform: none; letter-spacing: 0; font-size: .92rem; color: var(--pm-text); width: 38%; padding: 12px 0; } .woocommerce-cart .cart_totals table.shop_table td { text-align: right; padding: 12px 0; } .woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td { font-size: 1.15rem; color: var(--pm-ink); border-top: 1px solid var(--pm-line); } .woocommerce-cart .cart_totals .order-total .amount { font-size: 1.35rem; font-weight: 800; } .pm-pix-row th, .pm-pix-row td { border-top: 0 !important; padding-top: 0 !important; color: var(--pm-green-700) !important; } .pm-pix-row td { font-weight: 800; } .pm-pix-row small { display: block; font-weight: 600; font-size: .75rem; color: var(--pm-green-600); } .woocommerce-cart .woocommerce-shipping-totals td { text-align: left !important; } .woocommerce-cart .woocommerce-shipping-totals th { vertical-align: top; } .woocommerce ul#shipping_method { margin: 0; } .woocommerce ul#shipping_method li { margin: 0 0 6px; } .woocommerce .woocommerce-shipping-destination { font-size: .82rem; color: var(--pm-muted); } .woocommerce-cart .shipping-calculator-form { padding-top: 6px; } .woocommerce-cart #calc_shipping_country_field, .woocommerce-cart #calc_shipping_state_field, .woocommerce-cart #calc_shipping_city_field { display: none !important; } .woocommerce-cart .shipping-calculator-form button[name="calc_shipping"] { width: 100%; min-height: 44px; } .pm-checkout-btn, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: flex !important; width: 100%; min-height: 56px; font-size: 1.05rem !important; text-transform: uppercase; letter-spacing: .08em; margin: 8px 0 10px !important; } .pm-checkout-btn svg { width: 20px; height: 20px; } .pm-continue { display: block; text-align: center; font-size: .9rem; font-weight: 600; } /* Barra de frete grátis */ .pm-freebar { background: var(--pm-green-100); border-radius: 14px; padding: 12px 14px; margin-bottom: 14px; } .pm-freebar p { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: .88rem; color: var(--pm-green-900); } .pm-freebar p svg { width: 20px; height: 20px; color: var(--pm-green-600); flex: none; } .pm-freebar__track { height: 8px; border-radius: 999px; background: #fff; overflow: hidden; } .pm-freebar__track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pm-green-500), #3ddc84); transition: width .4s; } /* Selos */ .pm-trust { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; } .pm-trust li { display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--pm-muted); } .pm-trust svg { width: 18px; height: 18px; color: var(--pm-green-600); flex: none; } /* Itens do carrinho */ .woocommerce-cart table.cart { border: 1px solid var(--pm-line); border-radius: 18px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; } .woocommerce-cart table.cart thead th { background: var(--pm-bg-soft); padding: 14px 12px; font-size: .75rem; } .woocommerce-cart table.cart td { padding: 16px 12px; border-top: 1px solid var(--pm-line); vertical-align: middle; text-align: left; } .woocommerce-cart table.cart th.product-thumbnail, .woocommerce-cart table.cart td.product-thumbnail { width: 108px; } .woocommerce-cart table.cart th.product-remove, .woocommerce-cart table.cart td.product-remove { width: 48px; } .woocommerce-cart table.cart thead th { text-align: left; } .woocommerce-cart table.cart td.product-thumbnail img { width: 84px !important; height: 84px; object-fit: cover; border-radius: 12px; } .woocommerce-cart table.cart td.product-name a { color: var(--pm-ink); font-weight: 700; } .woocommerce-cart table.cart td.product-name a:hover { color: var(--pm-green-600); } .woocommerce-cart table.cart td.product-subtotal { font-weight: 800; color: var(--pm-ink); } .woocommerce a.remove { width: 30px; height: 30px; line-height: 28px; font-size: 1.3rem; border-radius: 50%; color: var(--pm-muted) !important; border: 1px solid var(--pm-line); } .woocommerce a.remove:hover { background: var(--pm-red) !important; border-color: var(--pm-red); color: #fff !important; } .woocommerce-cart table.cart td.actions { background: var(--pm-bg-soft); } .woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 8px; flex-wrap: wrap; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 180px !important; min-height: 44px; border-radius: 999px !important; margin: 0 !important; } .woocommerce-cart table.cart td.actions .coupon .button { min-height: 44px; background: transparent; color: var(--pm-green-700); } .woocommerce-cart table.cart td.actions .coupon .button:hover { background: var(--pm-green-600); color: #fff; } .woocommerce-cart button[name="update_cart"] { display: none !important; } .pm-js-off .woocommerce-cart button[name="update_cart"] { display: inline-flex !important; } /* Quantidade com + e – */ .pm-qty { display: inline-flex; align-items: center; border: 1.5px solid var(--pm-line); border-radius: 999px; background: #fff; overflow: hidden; } .pm-qty button { width: 38px; height: 44px; border: 0; background: none; font-size: 1.2rem; font-weight: 700; color: var(--pm-green-700); cursor: pointer; } .pm-qty button:hover { background: var(--pm-green-100); } .woocommerce .pm-qty .qty { width: 44px !important; height: 44px; border: 0 !important; border-radius: 0 !important; text-align: center; -moz-appearance: textfield; padding: 0; } .woocommerce .pm-qty .qty::-webkit-outer-spin-button, .woocommerce .pm-qty .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Carrinho vazio */ .woocommerce-cart .cart-empty.woocommerce-info { font-size: 1.1rem; } .pm-empty-cart { text-align: center; padding: 10px 0 30px; } .pm-empty-cart__links { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .woocommerce-cart .return-to-shop { text-align: center; } @media (max-width: 960px) { .woocommerce-cart.pm-store-flow .pm-content .woocommerce { grid-template-columns: 1fr; } .woocommerce-cart.pm-store-flow .pm-content .woocommerce > .cart-collaterals { grid-column: 1; grid-row: auto; position: static; } } @media (max-width: 768px) { .woocommerce-cart table.cart { border-radius: 14px; } .woocommerce-cart table.shop_table_responsive tr td { padding: 10px 14px; } .woocommerce-cart table.cart td.product-thumbnail { display: block !important; text-align: center !important; padding-top: 16px; } .woocommerce-cart table.cart td.product-thumbnail::before { display: none; } .woocommerce-cart table.cart td.product-thumbnail img { width: 120px !important; height: 120px; margin: 0 auto; } .woocommerce-cart table.cart td.product-remove { text-align: right !important; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 100% !important; } .woocommerce-cart table.cart td.actions .coupon .button { width: 100%; } } /* Checkout: dados à esquerda, resumo e pagamento fixos à direita */ .woocommerce-checkout.pm-store-flow .pm-content .woocommerce > .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 14px; } .woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 440px; grid-template-rows: auto auto auto 1fr; gap: 0 36px; align-items: start; } .woocommerce-checkout form.checkout > * { grid-column: 1; min-width: 0; } .woocommerce-checkout form.checkout > .pm-co-secure { grid-row: 1; } .woocommerce-checkout form.checkout > #customer_details { grid-row: 2 / 5; } .woocommerce-checkout form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; margin: 0 0 12px; font-size: 1.8rem; } .woocommerce-checkout form.checkout > .pm-freebar { grid-column: 2; grid-row: 2; } .woocommerce-checkout form.checkout > #order_review { grid-column: 2; grid-row: 3; background: #fff; border: 1px solid var(--pm-line); border-radius: 18px; padding: 18px; box-shadow: var(--pm-shadow); } .woocommerce-checkout form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; grid-row: auto; } .pm-co-secure { display: flex; align-items: center; gap: 8px; font-size: .86rem; color: var(--pm-green-700); background: var(--pm-green-100); border-radius: 12px; padding: 10px 14px; margin: 0 0 18px; } .pm-co-secure svg { width: 18px; height: 18px; flex: none; } .woocommerce-checkout #customer_details.col2-set { display: grid; gap: 18px; } .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100% !important; float: none !important; background: #fff; border: 1px solid var(--pm-line); border-radius: 18px; padding: 22px; } .woocommerce-checkout #customer_details h3 { font-size: 1.6rem !important; margin: 0 0 14px; } .woocommerce-checkout #customer_details h3#ship-to-different-address { font-family: var(--pm-font-body); font-size: 1rem !important; font-weight: 700; letter-spacing: 0; } .woocommerce-checkout #ship-to-different-address label { display: flex; align-items: center; gap: 8px; cursor: pointer; } .woocommerce form .form-row { margin: 0 0 14px; padding: 0; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: calc(50% - 7px) !important; } .woocommerce form .form-row .required { color: var(--pm-red); text-decoration: none; } .woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--pm-red); } .woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--pm-green-500); } #billing_country_field, #shipping_country_field { display: none !important; } .pm-cep-msg { display: block; font-size: .8rem; margin-top: 4px; color: var(--pm-muted); } .pm-cep-msg.is-error { color: var(--pm-red); } .woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 1.3rem !important; } .woocommerce-checkout #order_comments { min-height: 80px; } /* Resumo do pedido */ .woocommerce-checkout-review-order-table { border: 0 !important; margin: 0 0 12px !important; } .woocommerce-checkout-review-order-table thead { display: none; } .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th { padding: 10px 0 !important; border-color: var(--pm-line) !important; background: none !important; text-transform: none !important; letter-spacing: 0 !important; font-size: .92rem !important; } .woocommerce-checkout-review-order-table td.product-total, .woocommerce-checkout-review-order-table tfoot td { text-align: right; } .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { font-size: 1.1rem !important; color: var(--pm-ink); } .woocommerce-checkout-review-order-table .order-total .amount { font-size: 1.35rem; font-weight: 800; } .woocommerce-checkout-review-order-table .fee td, .woocommerce-checkout-review-order-table .fee th { color: var(--pm-green-700); font-weight: 700; } .pm-co-item { display: flex; align-items: center; gap: 10px; text-align: left; } .pm-co-item img { width: 56px !important; height: 56px; object-fit: cover; border-radius: 10px; flex: none; } .woocommerce-checkout-review-order-table .product-quantity { color: var(--pm-muted); font-weight: 600; } .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td { text-align: left !important; } /* Pagamento */ .woocommerce-checkout #payment { background: none !important; border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 0 !important; border: 0 !important; display: grid; gap: 8px; } .woocommerce-checkout #payment ul.payment_methods li { border: 1.5px solid var(--pm-line); border-radius: 14px; padding: 12px 14px !important; background: #fff; } .woocommerce-checkout #payment ul.payment_methods li:has(input:checked) { border-color: var(--pm-green-600); background: #f6fbf8; } .woocommerce-checkout #payment ul.payment_methods li > label { font-weight: 700; cursor: pointer; } .woocommerce-checkout #payment ul.payment_methods li img { max-height: 26px; vertical-align: middle; margin-left: 6px; } .woocommerce-checkout #payment div.payment_box { background: var(--pm-bg-soft) !important; border-radius: 10px; margin: 10px 0 0 !important; font-size: .88rem; } .woocommerce-checkout #payment div.payment_box::before { display: none; } .woocommerce-checkout #payment div.form-row { padding: 12px 0 0 !important; } .woocommerce-checkout .woocommerce-privacy-policy-text p { font-size: .8rem; color: var(--pm-muted); } .woocommerce-checkout #payment #place_order { float: none; display: flex; width: 100%; min-height: 58px; } .woocommerce-checkout #payment .woocommerce-info { font-size: .9rem; } /* Simplifica o topo no checkout para não distrair */ .woocommerce-checkout.pm-store-flow .pm-nav, .woocommerce-checkout.pm-store-flow .pm-search, .woocommerce-checkout.pm-store-flow .pm-menu-toggle, .woocommerce-checkout.pm-store-flow .pm-whats-float { display: none !important; } .woocommerce-checkout.pm-store-flow .pm-header__main { grid-template-columns: auto 1fr; } /* Avaliações no Instagram */ .pm-ig-cta { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 26px; text-align: center; } .pm-ig-cta p { margin: 0; font-weight: 700; color: var(--pm-ink); } .pm-ig-cta .pm-btn svg { width: 20px; height: 20px; } .pm-co-reviews__more { display: block; margin-top: 8px; font-weight: 700; font-size: .9rem; } /* Avaliações no checkout */ .woocommerce-checkout form.checkout > .pm-co-reviews { grid-column: 2; grid-row: 4; } .pm-co-reviews { background: #fff; border: 1px solid var(--pm-line); border-radius: 18px; padding: 18px 20px; margin-top: 16px; } .pm-co-reviews__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; } .pm-co-reviews__head strong { font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; color: var(--pm-ink); } .pm-co-reviews__nav { display: inline-flex; align-items: center; gap: 6px; color: var(--pm-muted); } .pm-co-reviews__nav button { width: 34px; height: 34px; border: 0; border-radius: 10px; background: var(--pm-bg-soft); font-size: 1.3rem; line-height: 1; cursor: pointer; color: var(--pm-ink); } .pm-co-reviews__nav button:disabled { background: none; color: #b8c0bc; cursor: default; } .pm-co-review { padding: 12px 0; } .pm-co-review + .pm-co-review { border-top: 1px solid var(--pm-line); } .pm-co-review b { color: var(--pm-ink); } .pm-co-review__meta { display: flex; align-items: center; gap: 10px; margin: 4px 0; font-size: .85rem; color: var(--pm-muted); } .pm-co-review__meta .pm-stars { color: #8a6a00; font-size: .95rem; } .pm-co-review p { margin: 0; color: var(--pm-muted); font-size: .92rem; } /* Confirmação do pedido */ .woocommerce-order-received .woocommerce-order { max-width: 860px; margin: 0 auto; } .woocommerce-order-received .woocommerce-thankyou-order-received { font-size: 1.15rem; font-weight: 700; color: var(--pm-green-800); background: var(--pm-green-100); border-radius: 14px; padding: 16px 18px; } .woocommerce-order-received ul.woocommerce-order-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 0; margin: 18px 0 !important; } .woocommerce-order-received ul.woocommerce-order-overview li { border: 1px solid var(--pm-line) !important; border-radius: 12px; padding: 12px 14px !important; margin: 0 !important; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--pm-muted); } .woocommerce-order-received ul.woocommerce-order-overview li strong { display: block; margin-top: 4px; font-size: 1rem; text-transform: none; letter-spacing: 0; color: var(--pm-ink); } .pm-thanks { text-align: center; background: var(--pm-bg-soft); border-radius: 18px; padding: 26px 20px; margin: 18px 0 28px; } .pm-thanks h2 { font-size: 2rem; } .pm-thanks__cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 14px; } @media (max-width: 980px) { .woocommerce-checkout form.checkout { grid-template-columns: 1fr; grid-template-rows: none; } .woocommerce-checkout form.checkout > * { grid-column: 1 !important; grid-row: auto !important; } .woocommerce-checkout form.checkout > #order_review { position: static; } .woocommerce-checkout form.checkout > #order_review_heading { margin-top: 24px; } } @media (max-width: 560px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100% !important; float: none !important; } .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { padding: 16px; } } /* ========================================================================== Avaliações com foto ========================================================================== */ .pm-stars { color: #f5b301; letter-spacing: 2px; white-space: nowrap; } .pm-stars__off { color: #d9dedb; } .pm-rating-summary { display: flex; align-items: center; gap: 8px; margin: 6px 0 0; color: var(--pm-muted); font-size: .92rem; } .pm-rating-summary strong { color: var(--pm-ink); font-size: 1.05rem; } .pm-reviews-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: start; } .pm-review { background: #fff; border: 1px solid var(--pm-line); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; } .pm-review__photo { display: block; aspect-ratio: 4 / 5; background: var(--pm-bg-soft); overflow: hidden; } .pm-review__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .pm-review__photo:hover img { transform: scale(1.04); } .pm-review__body { padding: 16px 18px 18px; } .pm-review__text { color: var(--pm-ink); font-size: .94rem; margin: 8px 0 12px; } .pm-review__text p { margin: 0 0 .6em; } .pm-review__author { display: flex; gap: 10px; align-items: flex-start; font-size: .82rem; color: var(--pm-muted); line-height: 1.45; } .pm-review__author b { color: var(--pm-ink); } .pm-review__author a { font-weight: 600; } .pm-verified { color: var(--pm-green-600); font-weight: 600; font-size: .75rem; } @media (max-width: 1024px) { .pm-reviews-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .pm-reviews-grid { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; margin: 0 -20px; padding-left: 20px; padding-right: 20px; } .pm-review { scroll-snap-align: start; } } .woocommerce div.product .woocommerce-tabs .panel h3 { font-size: 1.15rem; margin: 1.4em 0 .5em; } .woocommerce div.product .woocommerce-tabs .panel ul { padding-left: 1.2em; } ul.pm-checklist { list-style: none; padding-left: 0 !important; } ul.pm-checklist li { position: relative; padding-left: 28px; margin-bottom: 6px; } ul.pm-checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--pm-green-600); color: #fff; font-size: .75rem; font-weight: 800; display: grid; place-items: center; margin-top: 2px; } /* Página do produto */ .woocommerce div.product > .pm-product-reviews { grid-column: 1 / -1; scroll-margin-top: 140px; padding-top: 24px; } #avaliacoes { scroll-margin-top: 140px; } .pm-rating-line { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: -2px 0 12px; font-size: 1rem; } .pm-rating-line .pm-stars { font-size: 1.55rem; letter-spacing: 1px; line-height: 1; } .pm-rating-line a { color: #1a4fd6; text-decoration: underline; text-underline-offset: 3px; } .pm-rating-line a:hover { color: var(--pm-green-700); } .pm-video-link { display: inline-block; font-size: .88rem; font-weight: 700; margin: 0 0 10px; } .pm-video { max-width: 900px; } .pm-video iframe, .pm-video video, .pm-video__file { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 14px; background: #000; } .pm-reviews-empty { color: var(--pm-muted); } .pm-review-form { margin-top: 22px; } .pm-review-form > summary { list-style: none; cursor: pointer; display: inline-flex; } .pm-review-form > summary::-webkit-details-marker { display: none; } .pm-review-form form { margin-top: 16px; max-width: 680px; background: #fff; border: 1px solid var(--pm-line); border-radius: 18px; padding: 20px; display: grid; gap: 14px; } .pm-review-form label { display: grid; gap: 6px; font-weight: 600; font-size: .9rem; color: var(--pm-ink); } .pm-review-form input[type="text"], .pm-review-form textarea { border: 1.5px solid var(--pm-line); border-radius: 10px; padding: 10px 12px; font-weight: 400; } .pm-review-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .pm-review-form__file input { font-weight: 400; } .pm-star-input { border: 0; padding: 0; margin: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; } .pm-star-input legend { font-weight: 600; font-size: .9rem; color: var(--pm-ink); margin-bottom: 4px; width: 100%; } .pm-star-input input { position: absolute; opacity: 0; pointer-events: none; } .pm-star-input label { display: block; font-size: 1.9rem; line-height: 1; color: #d9dedb; cursor: pointer; transition: color .15s; } .pm-star-input input:checked ~ label, .pm-star-input label:hover, .pm-star-input label:hover ~ label { color: #f5b301; } .pm-star-input input:focus-visible + label { outline: 2px solid var(--pm-green-500); border-radius: 4px; } .pm-form-msg { padding: 10px 14px; border-radius: 10px; font-weight: 600; margin: 12px 0 0; } .pm-form-msg.is-ok { background: var(--pm-green-100); color: var(--pm-green-800); } .pm-form-msg.is-erro { background: #fdecee; color: #8a1024; } @media (max-width: 560px) { .pm-review-form__row { grid-template-columns: 1fr; } } /* ========================================================================== Carrinho lateral ========================================================================== */ .pm-minicart-overlay { position: fixed; inset: 0; z-index: 300; background: rgba(6, 30, 18, .5); opacity: 0; transition: opacity .3s; } .pm-minicart-overlay.is-open { opacity: 1; } .pm-minicart { position: fixed; top: 0; right: 0; bottom: 0; z-index: 310; width: min(420px, 100vw); background: #fff; box-shadow: -20px 0 50px rgba(0,0,0,.18); transform: translateX(105%); transition: transform .35s cubic-bezier(.2,.8,.2,1); display: flex; flex-direction: column; } .pm-minicart.is-open { transform: none; } body.pm-drawer-open { overflow: hidden; } body.pm-drawer-open .pm-whats-float { display: none; } .pm-minicart__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--pm-line); } .pm-minicart__head strong { font-size: 1.15rem; color: var(--pm-ink); } .pm-minicart__close { width: 40px; height: 40px; border: 0; background: var(--pm-bg-soft); border-radius: 50%; display: grid; place-items: center; cursor: pointer; } .pm-minicart__close svg { width: 20px; height: 20px; } .pm-minicart__added { margin: 0; padding: 10px 20px; background: var(--pm-green-100); color: var(--pm-green-800); font-weight: 700; font-size: .9rem; } .pm-minicart__body { flex: 1; overflow-y: auto; padding: 16px 20px 22px; display: flex; flex-direction: column; } .pm-minicart__items { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 14px; } .pm-minicart__item { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; gap: 14px; align-items: center; } .pm-minicart__thumb img { width: 86px; height: 86px; object-fit: cover; border-radius: 14px; border: 1px solid var(--pm-line); background: var(--pm-bg-soft); } .pm-minicart__info { display: grid; gap: 2px; } .pm-minicart__name { color: var(--pm-ink); font-weight: 600; line-height: 1.3; } .pm-minicart__meta { font-size: .82rem; color: var(--pm-muted); } .pm-minicart__price { font-weight: 800; color: var(--pm-ink); } .pm-minicart__remove { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--pm-line); display: grid; place-items: center; color: var(--pm-muted); font-size: 1.2rem; line-height: 1; } .pm-minicart__remove:hover { background: var(--pm-red); border-color: var(--pm-red); color: #fff; } .pm-freebar--mini { background: none; padding: 0; margin: 4px 0 10px; } .pm-freebar--mini p { font-size: .95rem; color: var(--pm-ink); } .pm-freebar--mini .pm-freebar__track { height: 10px; background: #e6ebe8; } .pm-freebar--mini .pm-freebar__track span { background: var(--pm-green-700); } .pm-suggest { margin: 0 0 16px; font-weight: 700; font-size: .92rem; } .pm-suggest a { color: var(--pm-green-700); } .pm-minicart__totals { border-top: 1px solid var(--pm-line); padding-top: 12px; margin-top: auto; } .pm-minicart__totals p { display: flex; justify-content: space-between; margin: 0 0 6px; } .pm-minicart__totals strong { color: var(--pm-ink); font-size: 1.1rem; } .pm-minicart__pix { color: var(--pm-green-700); font-size: .9rem; } .pm-minicart__pix strong { color: var(--pm-green-700) !important; font-size: 1rem !important; } .pm-minicart__checkout { width: 100%; min-height: 54px; margin: 12px 0 8px; text-transform: uppercase; letter-spacing: .06em; } .pm-minicart__cart { display: block; text-align: center; font-weight: 600; font-size: .9rem; } .pm-minicart__empty { text-align: center; margin: auto 0; color: var(--pm-muted); } .pm-minicart__empty svg { width: 48px; height: 48px; color: var(--pm-green-600); margin: 0 auto 8px; } .single_add_to_cart_button.loading { opacity: .6; pointer-events: none; } /* ========================================================================== Pesquisa de saída ========================================================================== */ .pm-exit { position: fixed; inset: 0; z-index: 400; background: rgba(6, 30, 18, .55); display: grid; place-items: center; padding: 16px; } .pm-exit[hidden] { display: none; } .pm-exit__box { position: relative; width: min(520px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; border-radius: 22px; padding: 28px 24px 24px; box-shadow: 0 30px 80px rgba(0,0,0,.3); animation: pm-pop .25s ease; } @keyframes pm-pop { from { transform: translateY(12px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } } .pm-exit__close { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--pm-bg-soft); display: grid; place-items: center; cursor: pointer; } .pm-exit__close svg { width: 18px; height: 18px; } .pm-exit h2 { font-size: 1.9rem; margin: 0 36px 6px 0; } .pm-exit p { color: var(--pm-muted); font-size: .92rem; } .pm-exit__options { display: grid; gap: 8px; margin-top: 14px; } .pm-exit__opt { text-align: left; padding: 13px 16px; border: 1.5px solid var(--pm-line); border-radius: 12px; background: #fff; font-weight: 600; color: var(--pm-ink); cursor: pointer; transition: border-color .15s, background .15s; } .pm-exit__opt:hover, .pm-exit__opt:focus-visible { border-color: var(--pm-green-600); background: #f6fbf8; } .pm-exit__other { display: grid; gap: 8px; margin-top: 12px; } .pm-exit__other textarea { border: 1.5px solid var(--pm-line); border-radius: 10px; padding: 10px 12px; } .pm-exit__cta { display: grid; gap: 8px; margin-top: 14px; } body.pm-exit-open { overflow: hidden; } /* ========================================================================== 10. Footer ========================================================================== */ .pm-footer { background: var(--pm-green-900); color: rgba(255,255,255,.78); font-size: .92rem; } .pm-footer a { color: rgba(255,255,255,.78); } .pm-footer a:hover { color: #fff; } .pm-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; padding: 64px 20px 44px; } .pm-footer h4 { color: #fff; font-size: .82rem; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 18px; } .pm-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .pm-footer .pm-logo { color: #fff; margin-bottom: 16px; } .pm-footer .pm-logo__text small { color: #b9f0cf; } .pm-footer .pm-logo img { filter: none; } .pm-social { display: flex; gap: 10px; margin-top: 18px; } .pm-social a { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.1); color: #fff; } .pm-social a:hover { background: var(--pm-green-500); } .pm-social svg { width: 20px; height: 20px; } .pm-contact-item { display: flex; gap: 10px; align-items: flex-start; } .pm-contact-item svg { width: 18px; height: 18px; flex: none; margin-top: 3px; color: #b9f0cf; } .pm-footer__pay { border-top: 1px solid rgba(255,255,255,.1); } .pm-footer__pay-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 20px; flex-wrap: wrap; } .pm-paylist { display: flex; flex-wrap: wrap; gap: 8px; } .pm-paylist img { width: 52px; height: 33px; object-fit: contain; border-radius: 4px; box-shadow: 0 0 0 1px rgba(255,255,255,.12); } .pm-secure { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #fff; } .pm-secure svg { width: 20px; height: 20px; color: #b9f0cf; } .pm-footer__bottom { background: #04241500; border-top: 1px solid rgba(255,255,255,.1); font-size: .8rem; color: rgba(255,255,255,.55); } .pm-footer__bottom .pm-container { padding-top: 18px; padding-bottom: 18px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; } @media (max-width: 960px) { .pm-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } } @media (max-width: 560px) { .pm-footer__grid { grid-template-columns: 1fr; padding-top: 48px; } } /* WhatsApp floating */ .pm-whats-float { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; } .pm-whats-float__icon { position: relative; width: 60px; height: 60px; border-radius: 50%; flex: none; background: #25d366; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(37,211,102,.45); transition: transform .2s; } .pm-whats-float__icon::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25d366; animation: pm-wa-pulse 2.4s ease-out infinite; } .pm-whats-float svg { width: 32px; height: 32px; } .pm-whats-float:hover { color: #fff; } .pm-whats-float:hover .pm-whats-float__icon { transform: scale(1.07); } .pm-whats-float__label { background: #fff; color: var(--pm-ink); font-size: .85rem; font-weight: 600; white-space: nowrap; padding: 10px 14px; border-radius: 999px; box-shadow: 0 8px 24px rgba(6,50,29,.18); opacity: 0; transform: translateX(8px); transition: opacity .25s, transform .25s; pointer-events: none; } .pm-whats-float:hover .pm-whats-float__label, .pm-whats-float:focus-visible .pm-whats-float__label { opacity: 1; transform: none; } @media (min-width: 900px) { .pm-whats-float__label { opacity: 1; transform: none; } } @keyframes pm-wa-pulse { 0% { transform: scale(1); opacity: .7; } 80%, 100% { transform: scale(1.45); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .pm-whats-float__icon::after { animation: none; display: none; } } /* 404 */ .pm-404 { text-align: center; padding: 100px 20px; } .pm-404 strong { display: block; font-family: var(--pm-font-display); font-size: 8rem; color: var(--pm-green-600); line-height: 1; } /* WordPress core alignment helpers */ .alignleft { float: left; margin: 0 1.5em 1em 0; } .alignright { float: right; margin: 0 0 1em 1.5em; } .aligncenter { margin-left: auto; margin-right: auto; } .wp-caption-text { font-size: .85rem; color: var(--pm-muted); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } } /* ---------- Formulário de contato ---------- */ .pm-contact { margin-top: 32px; } .pm-contact__form p { margin: 0 0 18px; } .pm-contact__form label { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pm-muted); margin-bottom: 8px; } .pm-contact__form input, .pm-contact__form textarea { width: 100%; box-sizing: border-box; border: 1.5px solid var(--pm-line); border-radius: var(--pm-radius-sm); background: #fff; padding: 13px 14px; font: inherit; color: var(--pm-ink); } .pm-contact__form textarea { resize: vertical; min-height: 140px; } .pm-contact__form input:focus, .pm-contact__form textarea:focus { outline: none; border-color: var(--pm-green-500); box-shadow: 0 0 0 3px var(--pm-green-100); } .pm-contact__form .pm-btn { width: 100%; justify-content: center; letter-spacing: .2em; text-transform: uppercase; } .pm-contact__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .pm-contact__msg { padding: 14px 16px; border-radius: var(--pm-radius-sm); font-weight: 600; margin: 0 0 18px; } .pm-contact__msg--ok { background: var(--pm-green-100); color: var(--pm-green-800); } .pm-contact__msg--error { background: #fdecef; color: var(--pm-red); }