/* ========================================================= AdsDoctor Design v2 — tipografia Inter, menu novo e home ========================================================= */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/inter-latin.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-weight: 100 900; font-display: swap; src: url(fonts/inter-latin-ext.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; } body.adsd { --adsd-fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --tx: #16161d; /* texto principal */ --tx2: #5b5b66; /* texto secundário */ --tx3: #8a8a94; --ln: #e8e8ec; /* linhas e contornos */ --bg2: #f6f6f8; /* fundo suave */ --ac: #16161d; /* botão principal */ --r: 14px; /* raio padrão */ --r-lg: 22px; --sombra: 0 1px 2px rgba(16,16,29,.04), 0 8px 24px rgba(16,16,29,.06); --sombra-lg: 0 2px 4px rgba(16,16,29,.04), 0 24px 48px -12px rgba(16,16,29,.18); --adsd-tinta: var(--tx); --adsd-texto2: var(--tx2); --adsd-linha: var(--ln); --adsd-fundo2: var(--bg2); font-family: var(--adsd-fonte) !important; color: var(--tx); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'cv11', 'ss01'; letter-spacing: -0.011em; } /* ---------- Tipografia em todo o site (substitui Work Sans / Jost do tema) ---------- */ body.adsd, body.adsd p, body.adsd li, body.adsd a, body.adsd span, body.adsd label, body.adsd td, body.adsd th, body.adsd input, body.adsd select, body.adsd textarea, body.adsd button, body.adsd .button, body.adsd h1, body.adsd h2, body.adsd h3, body.adsd h4, body.adsd h5, body.adsd h6, body.adsd .woocommerce, body.adsd .nectar-button, body.adsd .product_title, body.adsd .woocommerce-loop-product__title, body.adsd .price, body.adsd .adsd-pie, body.adsd .adsd-cesto, body.adsd #adsd-cesto, body.adsd .adsd-barra__btn { font-family: var(--adsd-fonte) !important; } body.adsd h1, body.adsd h2, body.adsd h3, body.adsd h4 { color: var(--tx); font-weight: 600 !important; letter-spacing: -0.025em !important; } body.adsd h1 { letter-spacing: -0.035em !important; } body.adsd p { color: inherit; } body.adsd ::selection { background: #16161d; color: #fff; } /* Botões: arredondados, sem maiúsculas (substitui o estilo Zara) */ body.adsd .woocommerce .button, body.adsd .woocommerce button.button.alt, body.adsd .woocommerce div.product form.cart .single_add_to_cart_button, body.adsd #place_order, body.adsd .wc-block-components-button:not(.is-link), body.adsd .wc-block-cart__submit-button, body.adsd .adsd-btn, body.adsd .adsd-barra__btn { border-radius: 12px !important; text-transform: none !important; letter-spacing: -0.01em !important; font-size: 15px !important; font-weight: 600 !important; } body.adsd .adsd-btn--linha { border-radius: 12px !important; } body.adsd .woocommerce input.input-text, body.adsd .woocommerce select, body.adsd .woocommerce textarea, body.adsd .select2-container .select2-selection { border-radius: 10px !important; } body.adsd .woocommerce-info, body.adsd .woocommerce-message, body.adsd .woocommerce-error { border-radius: 12px !important; } body.adsd .adsd-calc, body.adsd .adsd-f-specs, body.adsd .adsd-f-tags li, body.adsd .adsd-calc__res, body.adsd .adsd-portes { border-radius: 12px; overflow: hidden; } body.adsd .adsd-calc input, body.adsd .adsd-calc select { border-radius: 10px; } body.adsd .adsd-f-tags li { border-radius: 999px; } body.adsd.single-product .woocommerce-product-gallery { border-radius: var(--r-lg); overflow: hidden; } body.adsd.single-product .summary .product_title { font-weight: 600 !important; letter-spacing: -0.03em !important; } body.adsd .adsd-f-marca, body.adsd .adsd-desc h2, body.adsd .adsd-pie h3, body.adsd .woocommerce-tabs ul.tabs li a { letter-spacing: 0 !important; text-transform: none !important; font-weight: 600 !important; } body.adsd .adsd-desc h2 { font-size: 18px !important; } body.adsd .adsd-pie h3 { font-size: 14px; } body.adsd .adsd-cesto header h2 { text-transform: none; letter-spacing: -0.02em; font-weight: 600; } body.adsd ul.products li.product .woocommerce-loop-product__title { font-weight: 500 !important; letter-spacing: -0.01em !important; } body.adsd ul.products li.product .product-wrap, body.adsd ul.products li.product img { border-radius: var(--r); } /* ---------- Esconder o cabeçalho, faixa promocional e rodapé antigos ---------- */ body.adsd #header-outer, body.adsd #header-space, body.adsd #search-outer, body.adsd .nectar_hook_global_section_after_header_navigation, body.adsd .nectar_hook_global_section_footer, body.adsd #slide-out-widget-area, body.adsd #slide-out-widget-area-bg, body.adsd .nectar-slide-in-cart, body.adsd .nectar-slide-in-cart-bg { display: none !important; } body.adsd #ajax-content-wrap { padding-top: 0 !important; } /* O tema põe overflow:hidden no body (no telemóvel) e isso anula o menu fixo: clip corta o excesso sem criar contentor de scroll */ html body.adsd.adsd-v2 { overflow: visible !important; overflow-x: clip !important; } /* ========================================================= PALETA (lilás/roxo + pastéis) ========================================================= */ body.adsd { --vi: #6d4aff; /* roxo principal */ --vi2: #a855f7; --vi-esc: #3b2a8f; --vi-bg: #f4f1ff; /* lilás claro (painéis) */ --vi-bg2: #ebe5ff; --vi-ln: #e2dafc; --grad: linear-gradient(135deg, #7c5cff 0%, #a855f7 55%, #ec4899 100%); --g-rosa: linear-gradient(165deg, #fde8f3 0%, #f1e7ff 100%); --g-amar: linear-gradient(165deg, #fff5d9 0%, #ffe6cf 100%); --g-menta: linear-gradient(165deg, #e6fae4 0%, #d9f4ec 100%); --g-ceu: linear-gradient(165deg, #e1f6fb 0%, #e4ebff 100%); --g-lilas: linear-gradient(165deg, #efe9ff 0%, #f8f1ff 100%); --g-pessego: linear-gradient(165deg, #ffece3 0%, #fde6f0 100%); --tx: #17133a; --tx2: #57536f; --tx3: #8d89a6; --ln: #e8e6f0; --bg2: #f6f5fb; --ac: #17133a; } .adsd-g--rosa { background: var(--g-rosa); } .adsd-g--amar { background: var(--g-amar); } .adsd-g--menta { background: var(--g-menta); } .adsd-g--ceu { background: var(--g-ceu); } .adsd-g--lilas { background: var(--g-lilas); } .adsd-g--pessego { background: var(--g-pessego); } /* ========================================================= CABEÇALHO ========================================================= */ .adsd-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; } .adsd-i--cor { stroke: url(#adsd-grad); stroke-width: 1.8; } .adsd-topo { background: var(--g-lilas); color: var(--tx); font-size: 13px; text-align: center; padding: 8px 16px; border-bottom: 1px solid var(--vi-ln); } .adsd-topo p { margin: 0 !important; padding: 0 !important; color: var(--tx) !important; line-height: 1.4; } .adsd-topo a { color: var(--vi-esc) !important; text-decoration: none; font-weight: 500; } .adsd-topo .woocommerce-Price-amount { color: var(--vi) !important; font-weight: 700; } .adsd-topo__sep { margin: 0 10px; opacity: .4; } .adsd-nav { position: sticky; top: 10px; z-index: 9000; padding: 10px 16px 0; font-family: var(--adsd-fonte); } body.admin-bar .adsd-nav { top: 42px; } .adsd-nav__barra { max-width: 1320px; margin: 0 auto; height: 64px; box-sizing: border-box; display: flex; align-items: center; gap: 8px; padding: 0 10px 0 18px; background: rgba(255,255,255,.9); -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border: 1px solid var(--ln); border-radius: 18px; box-shadow: 0 1px 2px rgba(23,19,58,.04), 0 8px 24px rgba(23,19,58,.06); position: relative; } .adsd-nav__logo { display: flex; align-items: center; flex: none; margin-right: 12px; } .adsd-nav__logo img { height: 44px; width: auto; display: block; } .adsd-nav__menu { flex: 1; min-width: 0; } .adsd-nav__menu > ul { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; } .adsd-nav__menu > ul > li { margin: 0; padding: 0; list-style: none; } .adsd-nav__menu li::before, .adsd-painel li::before, .adsd-mm li::before { display: none !important; } .adsd-nav__link { display: inline-flex; align-items: center; gap: 4px; height: 40px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--tx); font-size: 15px !important; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; white-space: nowrap; line-height: 1; transition: background .15s ease, color .15s ease; } .adsd-nav__link .adsd-i { width: 14px; height: 14px; stroke-width: 2; color: var(--tx3); transition: transform .2s ease; } .adsd-nav__link:hover, .adsd-nav__item.is-aberto .adsd-nav__link { background: var(--vi-bg); color: var(--vi-esc); } .adsd-nav__item.is-aberto .adsd-nav__link .adsd-i { transform: rotate(180deg); color: var(--vi); } .adsd-nav a:focus-visible, .adsd-nav button:focus-visible, .adsd-mm a:focus-visible, .adsd-mm button:focus-visible { outline: 2px solid var(--vi); outline-offset: 2px; } .adsd-nav__acoes { display: flex; align-items: center; gap: 6px; flex: none; } .adsd-nav__busca { display: inline-flex; align-items: center; gap: 8px; height: 42px; min-width: 220px; padding: 0 14px; border: 1px solid var(--ln); border-radius: 12px; background: var(--bg2); color: var(--tx3); font-size: 14px !important; cursor: pointer; text-align: left; } .adsd-nav__busca:hover { border-color: var(--vi-ln); background: var(--vi-bg); color: var(--tx2); } .adsd-nav__icone { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--tx) !important; } .adsd-nav__icone:hover { background: var(--vi-bg); } .adsd-nav__cesto { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px 0 12px; border-radius: 12px; background: var(--ac); color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none !important; } .adsd-nav__cesto:hover { background: var(--vi-esc); } .adsd-nav__cesto .adsd-conta { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; display: grid; place-items: center; border-radius: 999px; background: #fff; color: var(--tx); font-size: 12px; font-weight: 700; } .adsd-nav__burger { display: none; } /* Painel (estilo Flowbase: esquerda branca, direita lilás) */ .adsd-painel { position: absolute; left: 0; right: 0; top: 100%; padding-top: 10px; z-index: 2; } .adsd-painel[hidden] { display: none; } .adsd-painel__in { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr); background: #fff; border: 1px solid var(--ln); border-radius: 22px; overflow: hidden; box-shadow: 0 2px 4px rgba(23,19,58,.04), 0 28px 60px -16px rgba(23,19,58,.22); animation: adsdPainel .18s ease both; } @keyframes adsdPainel { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } } .adsd-painel__esq { padding: 8px 12px 16px; min-width: 0; } .adsd-painel__dir { background: var(--g-lilas); border-left: 1px solid var(--vi-ln); padding: 8px 12px 16px; display: flex; flex-direction: column; } .adsd-painel__cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 0 12px; margin-bottom: 8px; border-bottom: 1px dashed #dcd8ea; } .adsd-painel__cab p { margin: 0 !important; padding: 0 !important; font-size: 16px; font-weight: 600; color: var(--tx); letter-spacing: -0.015em; } .adsd-painel__dir .adsd-painel__cab { border-bottom-color: #d5cbfa; } .adsd-painel ul { list-style: none; margin: 0; padding: 0; } .adsd-painel li { margin: 0; padding: 0; list-style: none; } .adsd-painel a { text-decoration: none !important; color: var(--tx) !important; } .adsd-painel strong { display: block; font-size: 15px; font-weight: 500; color: var(--tx); letter-spacing: -0.01em; } .adsd-painel small { display: block; font-size: 13px; color: var(--tx3); margin-top: 1px; font-weight: 400; } .adsd-painel__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 8px; } .adsd-painel__col a, .adsd-painel__lista a { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 12px; transition: background .12s; } .adsd-painel__col a:hover, .adsd-painel__lista a:hover { background: var(--bg2); } .adsd-painel__col .adsd-i, .adsd-painel__lista .adsd-i { width: 22px; height: 22px; } .adsd-painel__col--grande a { padding: 11px 12px; } .adsd-painel__col--grande .adsd-i { width: 26px; height: 26px; } .adsd-painel__col--grande strong { font-weight: 600; } .adsd-painel__dir .adsd-painel__lista a:hover { background: rgba(255,255,255,.7); } /* Produtos com foto */ .adsd-prodimg { width: 64px; height: 64px; flex: none; display: grid; place-items: center; border-radius: 14px; background: #fff; border: 1px solid var(--vi-ln); overflow: hidden; box-shadow: 0 2px 6px rgba(109,74,255,.08); } .adsd-prodimg img { width: 86%; height: 86%; object-fit: contain; } .adsd-prodimg--logo img { width: 80%; } .adsd-painel__prods { display: flex; flex-direction: column; gap: 2px; } .adsd-painel__prods a { display: flex; align-items: center; gap: 14px; padding: 8px 12px; border-radius: 14px; } .adsd-painel__prods a:hover { background: rgba(255,255,255,.75); } .adsd-painel__prods strong { font-weight: 600; line-height: 1.3; } .adsd-painel__prods small { color: var(--vi); font-weight: 600; margin-top: 3px; } .adsd-painel__ajuda { display: flex; align-items: center; gap: 12px; margin: auto 12px 0; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--vi-ln); } .adsd-painel__ajuda:hover { border-color: var(--vi); } .adsd-painel__ajuda strong { font-weight: 600; font-size: 14px; } .adsd-painel__promo { display: flex; flex-direction: column; gap: 14px; padding: 12px; } .adsd-painel__promo p { margin: 0 !important; font-size: 14px; line-height: 1.5; color: var(--tx2); } .adsd-painel__promo strong { font-weight: 600; margin-bottom: 4px; } .adsd-painel__paleta { display: flex; } .adsd-painel__paleta i { width: 44px; height: 44px; border-radius: 50%; border: 3px solid #fff; margin-right: -10px; box-shadow: 0 2px 6px rgba(23,19,58,.12); } /* Cores e marcas no painel */ .adsd-cores { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px 8px; padding: 0 4px; } .adsd-cores a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 10px; text-decoration: none !important; color: var(--tx) !important; } .adsd-cores a:hover { background: var(--bg2); } .adsd-cores i { width: 30px; height: 30px; flex: none; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); } .adsd-cores span { font-size: 14px; line-height: 1.25; font-weight: 500; } .adsd-cores small { margin: 0; font-size: 12px; color: var(--tx3); } .adsd-painel__marcas { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 8px; } .adsd-painel__marcas a { display: flex; align-items: center; gap: 14px; padding: 8px 12px; border-radius: 14px; } .adsd-painel__marcas a:hover { background: var(--bg2); } .adsd-painel__marcas strong { font-weight: 600; } .adsd-nav__item { position: static; } /* Pílulas */ .adsd-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; background: var(--ac); color: #fff !important; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; text-decoration: none !important; border: 1px solid var(--ac); transition: background .15s ease, border-color .15s ease, color .15s; white-space: nowrap; cursor: pointer; } .adsd-pill:hover { background: var(--vi-esc); border-color: var(--vi-esc); } .adsd-pill .adsd-i { width: 17px; height: 17px; } .adsd-pill--sm { height: 38px; padding: 0 14px; font-size: 14px; border-radius: 11px; } .adsd-pill--linha { background: #fff; color: var(--tx) !important; border-color: var(--ln); box-shadow: 0 1px 2px rgba(23,19,58,.05); } .adsd-pill--linha:hover { background: var(--vi-bg); border-color: var(--vi-ln); color: var(--vi-esc) !important; } .adsd-pill--branco { background: #fff; color: var(--tx) !important; border-color: #fff; } .adsd-pill--branco:hover { background: #f1edff; border-color: #f1edff; } .adsd-pill--vidro { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.3); } .adsd-pill--vidro:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); } /* Etiqueta de secção (pílula lilás com seta) */ .adsd-etq { display: inline-flex; align-items: center; gap: 10px; height: 36px; padding: 0 6px 0 14px; border-radius: 999px; background: var(--vi-bg2); color: var(--vi-esc) !important; font-size: 14px; font-weight: 600; margin-bottom: 14px; text-decoration: none !important; } .adsd-etq i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.7); font-style: normal; } .adsd-etq i .adsd-i { width: 15px; height: 15px; stroke-width: 2; } .adsd-etq--menta { background: #d8f5d3; color: #1d5b2c !important; } .adsd-etq--rosa { background: #fbe0ef; color: #8a2458 !important; } .adsd-etq--amar { background: #ffeec2; color: #7a4b00 !important; } .adsd-etq--ceu { background: #d6f0f8; color: #0e5a70 !important; } /* Pesquisa */ .adsd-busca { max-width: 760px; margin: 10px auto 0; background: #fff; border: 1px solid var(--ln); border-radius: 20px; box-shadow: 0 2px 4px rgba(23,19,58,.04), 0 28px 60px -16px rgba(23,19,58,.22); padding: 10px; position: relative; z-index: 3; } .adsd-busca[hidden] { display: none; } .adsd-busca__form { display: flex; align-items: center; gap: 10px; padding: 0 8px 0 14px; height: 54px; border-radius: 14px; background: var(--vi-bg); color: var(--vi); } .adsd-busca__form input[type=search] { flex: 1; min-width: 0; height: 100%; border: 0 !important; background: transparent !important; font-size: 17px !important; color: var(--tx); outline: none; box-shadow: none !important; padding: 0 !important; } .adsd-busca__fechar { width: 38px; height: 38px; border: 0; border-radius: 10px; background: transparent; cursor: pointer; display: grid; place-items: center; color: var(--tx); } .adsd-busca__fechar:hover { background: #fff; } .adsd-busca__res:empty { display: none; } .adsd-busca__res { display: flex; flex-direction: column; padding: 8px 0 0; } .adsd-busca__res a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; text-decoration: none !important; color: var(--tx) !important; font-size: 15px; } .adsd-busca__res a:hover, .adsd-busca__res a.is-ativo { background: var(--bg2); } .adsd-busca__res img { width: 48px; height: 48px; object-fit: contain; border-radius: 10px; background: #fff; border: 1px solid var(--ln); } .adsd-busca__res span { flex: 1; min-width: 0; } .adsd-busca__res b { font-weight: 600; white-space: nowrap; font-size: 14px; color: var(--vi); } .adsd-busca__res p { margin: 0 !important; padding: 10px !important; color: var(--tx2); font-size: 14px; } .adsd-busca__todos span { font-weight: 600; color: var(--vi-esc); } .adsd-busca__atalhos { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 12px 6px 4px; font-size: 13px; color: var(--tx3); } .adsd-busca__atalhos a { padding: 6px 12px; border: 1px solid var(--ln); border-radius: 999px; color: var(--tx) !important; text-decoration: none !important; } .adsd-busca__atalhos a:hover { border-color: var(--vi); color: var(--vi-esc) !important; background: var(--vi-bg); } .adsd-nav__veu { position: fixed; inset: 0; z-index: 8999; background: rgba(23,19,58,.16); } .adsd-nav__veu[hidden] { display: none; } /* Bloqueio do scroll quando há um menu aberto (o html é que faz scroll) */ html.adsd-sem-scroll { overflow: hidden !important; } html.adsd-sem-scroll .gtranslate_wrapper, html.adsd-sem-scroll .gt_float_switcher, html.adsd-sem-scroll #gt_float_wrapper, html.adsd-sem-scroll .joinchat, html.adsd-busca-aberta .gtranslate_wrapper, html.adsd-busca-aberta .gt_float_switcher, html.adsd-busca-aberta .joinchat { display: none !important; } @media (max-width: 1180px) { .adsd-nav__busca { min-width: 0; width: 42px; padding: 0; justify-content: center; } .adsd-nav__busca span { display: none; } .adsd-nav__link { padding: 0 10px; font-size: 14px !important; } .adsd-painel__in { grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); } } /* ========================================================= TELEMÓVEL: barra simples + menu por ecrãs ========================================================= */ @media (max-width: 1023px) { .adsd-topo { font-size: 12px; padding: 7px 12px; } .adsd-topo__sep, .adsd-topo a { display: none; } /* barra colada ao topo, sem "flutuar": nada de conteúdo a aparecer por cima */ .adsd-nav { top: 0; padding: 0; background: #fff; border-bottom: 1px solid var(--ln); } body.admin-bar .adsd-nav { top: 0; } .adsd-nav__barra { height: 60px; padding: 0 8px; gap: 4px; border: 0; border-radius: 0; box-shadow: none; background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; } .adsd-nav__menu, .adsd-nav__conta, .adsd-nav__cesto-t { display: none; } .adsd-nav__burger { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px 0 10px; border: 1px solid var(--ln); border-radius: 12px; background: #fff; color: var(--tx); font-size: 14px; font-weight: 600; } .adsd-nav__burger .adsd-i { width: 20px; height: 20px; } .adsd-nav__logo { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; } .adsd-nav__logo img { height: 40px; } .adsd-nav__acoes { margin-left: auto; gap: 4px; } .adsd-nav__busca { width: 44px; height: 44px; background: transparent; border: 0; color: var(--tx); } .adsd-nav__cesto { height: 44px; width: 44px; padding: 0; justify-content: center; background: transparent; color: var(--tx) !important; position: relative; } .adsd-nav__cesto:hover { background: var(--vi-bg); } .adsd-nav__cesto .adsd-conta { position: absolute; top: 3px; right: 1px; min-width: 18px; height: 18px; font-size: 11px; background: var(--vi); color: #fff; } .adsd-busca { margin: 0 8px; border-radius: 0 0 18px 18px; border-top: 0; } .adsd-busca__form input[type=search] { font-size: 16px !important; } } @media (max-width: 380px) { .adsd-nav__burger span { display: none; } .adsd-nav__burger { padding: 0; width: 44px; justify-content: center; } } .adsd-mm { position: fixed; inset: 0; z-index: 99990; background: #fff; display: flex; flex-direction: column; font-family: var(--adsd-fonte); } .adsd-mm[hidden] { display: none; } .adsd-mm__topo { flex: none; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 60px; padding: 0 8px; border-bottom: 1px solid var(--ln); } .adsd-mm__logo { grid-column: 2; display: flex; } .adsd-mm__logo img { height: 38px; width: auto; } .adsd-mm__voltar { grid-column: 1; justify-self: start; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px 0 8px; border: 0; border-radius: 12px; background: var(--vi-bg); color: var(--vi-esc); font-size: 14px; font-weight: 600; } .adsd-mm__voltar[hidden] { display: none; } .adsd-mm__fechar { grid-column: 3; justify-self: end; width: 44px; height: 44px; border: 1px solid var(--ln); border-radius: 12px; background: #fff; display: grid; place-items: center; color: var(--tx); } .adsd-mm__corpo { flex: 1; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .adsd-mm__ecra { padding: 16px 16px calc(28px + env(safe-area-inset-bottom)); animation: adsdEcra .22s ease both; } .adsd-mm__ecra[hidden] { display: none; } .adsd-mm.is-voltando .adsd-mm__ecra { animation-name: adsdEcraVolta; } @keyframes adsdEcra { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } } @keyframes adsdEcraVolta { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } } .adsd-mm__busca { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 14px; border-radius: 14px; background: var(--vi-bg); color: var(--vi); margin-bottom: 20px; } .adsd-mm__busca input[type=search] { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; font-size: 16px !important; outline: none; box-shadow: none !important; padding: 0 !important; height: 100%; color: var(--tx); } .adsd-mm__t { margin: 22px 2px 10px !important; padding: 0 !important; font-size: 13px !important; font-weight: 600; color: var(--tx3) !important; } .adsd-mm__ecra--inicio > .adsd-mm__t:first-of-type { margin-top: 0 !important; } .adsd-mm ul { list-style: none; margin: 0; padding: 0; } .adsd-mm li { list-style: none; margin: 0; padding: 0; } .adsd-mm__mosaicos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .adsd-mm__mosaico { width: 100%; min-height: 118px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 2px; padding: 14px; border: 1px solid rgba(23,19,58,.06); border-radius: 18px; text-align: left; cursor: pointer; color: var(--tx); position: relative; } .adsd-mm__mosaico:active { transform: scale(.98); } .adsd-mm__mosaico strong { font-size: 17px; font-weight: 600; letter-spacing: -0.02em; } .adsd-mm__mosaico small { font-size: 12.5px; color: var(--tx2); line-height: 1.3; } .adsd-mm__mico { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: #fff; box-shadow: 0 2px 8px rgba(109,74,255,.12); margin-bottom: auto; } .adsd-mm__mico .adsd-i { width: 22px; height: 22px; } .adsd-mm__contacto { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .adsd-mm__btn { display: flex; align-items: center; justify-content: center; gap: 8px; height: 52px; border-radius: 14px; background: var(--ac); color: #fff !important; font-size: 16px; font-weight: 600; text-decoration: none !important; } .adsd-mm__btn--wa { background: #1faa59; } .adsd-mm__rapidos { margin-top: 16px !important; border-top: 1px solid var(--ln); } .adsd-mm__rapidos a { display: flex; align-items: center; gap: 12px; padding: 16px 2px; border-bottom: 1px solid var(--ln); color: var(--tx) !important; font-size: 16px; font-weight: 500; text-decoration: none !important; } .adsd-mm__rapidos a .adsd-i:last-child, .adsd-mm__lista a > .adsd-i:last-child { margin-left: auto; width: 18px; height: 18px; color: var(--tx3); } .adsd-mm__cab { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 18px; margin-bottom: 8px; } .adsd-mm__cab .adsd-mm__mico { margin: 0; } .adsd-mm__cab h2 { margin: 0 !important; font-size: 22px !important; } .adsd-mm__cab p { margin: 2px 0 0 !important; font-size: 14px; color: var(--tx2); } .adsd-mm__lista a { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 8px 4px; border-bottom: 1px solid var(--ln); color: var(--tx) !important; text-decoration: none !important; } .adsd-mm__lista a > .adsd-i:first-child { width: 22px; height: 22px; } .adsd-mm__lista strong { display: block; font-size: 16px; font-weight: 500; } .adsd-mm__lista small { display: block; font-size: 13px; color: var(--tx3); } .adsd-mm__lista .adsd-prodimg { width: 52px; height: 40px; border-radius: 10px; } .adsd-mm__prods { display: flex; gap: 10px; overflow-x: auto; margin: 0 -16px !important; padding: 2px 16px 6px !important; scroll-snap-type: x mandatory; scrollbar-width: none; } .adsd-mm__prods::-webkit-scrollbar { display: none; } .adsd-mm__prods li { flex: 0 0 150px; scroll-snap-align: start; } .adsd-mm__prods a { display: flex; flex-direction: column; gap: 8px; color: var(--tx) !important; text-decoration: none !important; } .adsd-mm__prods .adsd-prodimg { width: 100%; height: 130px; border-radius: 16px; background: #fff; } .adsd-mm__prods strong { display: block; font-size: 14px; font-weight: 500; line-height: 1.3; } .adsd-mm__prods small { display: block; font-size: 13px; color: var(--vi); font-weight: 600; margin-top: 2px; } .adsd-mm__todos { display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 52px; margin-top: 20px; border-radius: 14px; background: var(--vi-bg); color: var(--vi-esc) !important; font-size: 16px; font-weight: 600; text-decoration: none !important; } .adsd-cores--movel { grid-template-columns: 1fr 1fr; gap: 0 10px; padding: 0; } .adsd-cores--movel a { padding: 9px 4px; } /* ========================================================= HOME ========================================================= */ .adsd-home { width: 100%; min-width: 0; align-self: center; max-width: 1320px; margin: 0 auto; padding: 0 16px 40px; box-sizing: border-box; font-family: var(--adsd-fonte); } .adsd-home *, .adsd-home *::before, .adsd-home *::after { box-sizing: border-box; } .adsd-home ul, .adsd-home ol { list-style: none; margin: 0; padding: 0; } .adsd-home li { margin: 0; padding: 0; list-style: none; } .adsd-home li::before { display: none !important; } .adsd-home p { padding: 0 !important; } .adsd-home a { text-decoration: none; } .adsd-home h2 { font-size: clamp(28px, 3.4vw, 44px) !important; line-height: 1.08 !important; margin: 0 !important; letter-spacing: -0.035em !important; } .adsd-home h3 { margin: 0; } .adsd-h-sec { margin-top: clamp(64px, 8vw, 112px); } .adsd-h-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; } .adsd-h-cab > p { max-width: 460px; margin: 0 !important; font-size: 17px; line-height: 1.5; color: var(--tx2); } .adsd-h-cab a.adsd-link { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--vi-esc) !important; white-space: nowrap; border-bottom: 2px solid var(--vi-ln); padding-bottom: 2px; } .adsd-h-cab a.adsd-link:hover { border-color: var(--vi); } .adsd-h-cab a .adsd-i { width: 16px; height: 16px; } /* 1. Abertura */ .adsd-h-hero { position: relative; text-align: center; padding: clamp(48px, 7vw, 88px) 0 0; } .adsd-h-hero::before { content: ''; position: absolute; left: 50%; top: -40px; width: min(1100px, 120vw); height: 520px; transform: translateX(-50%); background: radial-gradient(closest-side, rgba(168,85,247,.16), rgba(124,92,255,.07) 55%, transparent 75%); z-index: -1; pointer-events: none; } .adsd-h-hero > * { position: relative; } .adsd-etiqueta { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 22px !important; padding: 6px 14px 6px 8px !important; border: 1px solid var(--vi-ln); border-radius: 999px; background: #fff; font-size: 14px; color: var(--tx2); box-shadow: 0 1px 3px rgba(109,74,255,.08); } .adsd-etiqueta b { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--grad); color: #fff; font-size: 12px; font-weight: 600; } .adsd-h-hero h1 { font-size: clamp(40px, 6.4vw, 76px) !important; line-height: 1.02 !important; font-weight: 600 !important; margin: 0 auto 20px !important; max-width: 15ch; } .adsd-h-hero h1 span { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } .adsd-h-hero__sub { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.55; color: var(--tx2); max-width: 640px; margin: 0 auto 32px !important; } .adsd-h-busca { display: flex; align-items: center; gap: 10px; max-width: 640px; margin: 0 auto; height: 64px; padding: 0 7px 0 20px; background: #fff; border: 1px solid var(--vi-ln); border-radius: 18px; box-shadow: 0 4px 24px rgba(109,74,255,.12); color: var(--vi); } .adsd-h-busca:focus-within { border-color: var(--vi); box-shadow: 0 0 0 4px rgba(109,74,255,.12), 0 4px 24px rgba(109,74,255,.12); } .adsd-h-busca input[type=search] { flex: 1; min-width: 0; height: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; font-size: 17px !important; color: var(--tx); outline: none; } .adsd-h-busca button { height: 50px; padding: 0 22px; border: 0; border-radius: 13px; background: var(--ac); color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; } .adsd-h-busca button:hover { background: var(--vi-esc); } .adsd-h-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px !important; } .adsd-h-chips a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 12px; border: 1px solid var(--ln); border-radius: 999px; background: #fff; color: var(--tx) !important; font-size: 14px; font-weight: 500; transition: border-color .15s, background .15s; } .adsd-h-chips a:hover { border-color: var(--vi-ln); background: var(--vi-bg); } .adsd-h-chips .adsd-i { width: 18px; height: 18px; } /* Montra da abertura: 4 cartões pastel com produtos (estilo "Lattice") */ .adsd-h-montra { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 5vw, 64px); text-align: left; } .adsd-cartao { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ln); border-radius: 26px; padding: 10px; color: var(--tx) !important; transition: transform .2s ease, box-shadow .2s ease; box-shadow: 0 1px 2px rgba(23,19,58,.04); } .adsd-cartao:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -18px rgba(23,19,58,.28); } .adsd-cartao__vis { position: relative; display: grid; place-items: center; aspect-ratio: 5 / 4; border-radius: 18px; overflow: hidden; } .adsd-cartao__moldura { width: 62%; aspect-ratio: 1; display: grid; place-items: center; background: #fff; border-radius: 18px; box-shadow: 0 10px 30px -10px rgba(23,19,58,.25); overflow: hidden; } .adsd-cartao__moldura img { width: 88%; height: 88%; object-fit: contain; } .adsd-cartao__corpo { padding: 16px 12px 8px; } .adsd-cartao__t { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .adsd-cartao h3 { font-size: 21px !important; line-height: 1.2 !important; } .adsd-cartao p { margin: 6px 0 0 !important; font-size: 15px; line-height: 1.5; color: var(--tx2); } .adsd-seta { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--bg2); color: var(--tx); transition: background .2s, color .2s; } .adsd-seta .adsd-i { width: 17px; height: 17px; stroke-width: 2; } .adsd-cartao:hover .adsd-seta { background: var(--grad); color: #fff; } .adsd-h-montra .adsd-cartao:nth-child(2) .adsd-seta { background: #ffd57a; } /* 2. Vantagens */ .adsd-h-vant { margin-top: 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .adsd-h-vant > div { display: flex; gap: 14px; align-items: center; padding: 16px 18px; border: 1px solid var(--ln); border-radius: 18px; background: #fff; } .adsd-h-vant__ico { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 14px; } .adsd-h-vant__ico .adsd-i { width: 22px; height: 22px; } .adsd-h-vant > div:nth-child(1) .adsd-h-vant__ico { background: var(--g-lilas); } .adsd-h-vant > div:nth-child(2) .adsd-h-vant__ico { background: var(--g-menta); } .adsd-h-vant > div:nth-child(3) .adsd-h-vant__ico { background: var(--g-amar); } .adsd-h-vant > div:nth-child(4) .adsd-h-vant__ico { background: var(--g-rosa); } .adsd-h-vant p { margin: 0 !important; font-size: 13.5px; line-height: 1.4; color: var(--tx2); } .adsd-h-vant strong { display: block; color: var(--tx); font-size: 15px; font-weight: 600; margin-bottom: 1px; } .adsd-h-vant a { color: var(--vi-esc) !important; font-weight: 600; } /* 3. Categorias (mosaicos pastel com foto em moldura branca) */ .adsd-h-cats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; } .adsd-h-cats a { display: flex; flex-direction: column; gap: 2px; padding: 8px 8px 12px; border-radius: 22px; background: #fff; border: 1px solid var(--ln); color: var(--tx) !important; transition: transform .2s, box-shadow .2s; height: 100%; } .adsd-h-cats a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px -18px rgba(23,19,58,.3); } .adsd-h-cats__img { display: grid; place-items: center; aspect-ratio: 1; border-radius: 16px; overflow: hidden; margin-bottom: 10px; } .adsd-h-cats__img span { width: 70%; aspect-ratio: 1; display: grid; place-items: center; background: #fff; border-radius: 14px; box-shadow: 0 8px 20px -8px rgba(23,19,58,.22); overflow: hidden; } .adsd-h-cats__img img { width: 88%; height: 88%; object-fit: contain; } .adsd-h-cats__img--foto span { width: 100%; height: 100%; border-radius: 0; box-shadow: none; } .adsd-h-cats__img--foto img { width: 100%; height: 100%; object-fit: cover; } .adsd-h-cats li:nth-child(6n+1) .adsd-h-cats__img { background: var(--g-rosa); } .adsd-h-cats li:nth-child(6n+2) .adsd-h-cats__img { background: var(--g-amar); } .adsd-h-cats li:nth-child(6n+3) .adsd-h-cats__img { background: var(--g-menta); } .adsd-h-cats li:nth-child(6n+4) .adsd-h-cats__img { background: var(--g-ceu); } .adsd-h-cats li:nth-child(6n+5) .adsd-h-cats__img { background: var(--g-lilas); } .adsd-h-cats li:nth-child(6n+6) .adsd-h-cats__img { background: var(--g-pessego); } .adsd-h-cats strong { padding: 0 6px; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; } .adsd-h-cats small { padding: 0 6px; font-size: 13px; color: var(--tx3); } /* 4. Separadores + cartões de produto */ .adsd-tabs { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--vi-ln); border-radius: 14px; background: var(--vi-bg); margin-bottom: 24px; max-width: 100%; overflow-x: auto; scrollbar-width: none; } .adsd-tabs::-webkit-scrollbar { display: none; } .adsd-tabs button { height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: transparent; color: var(--tx2); font-size: 15px; font-weight: 500; cursor: pointer; white-space: nowrap; } .adsd-tabs button[aria-selected=true] { background: #fff; color: var(--vi-esc); box-shadow: 0 1px 3px rgba(109,74,255,.18); font-weight: 600; } .adsd-tabpainel[hidden] { display: none; } .adsd-tabpainel > .adsd-pill { margin-top: 28px; } .adsd-grelha { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 20px; } .adsd-card { position: relative; display: flex; flex-direction: column; } .adsd-card__link { display: flex; flex-direction: column; flex: 1; color: var(--tx) !important; } .adsd-card__img { display: grid; place-items: center; aspect-ratio: 1; border-radius: 22px; background: var(--bg2); overflow: hidden; margin-bottom: 14px; border: 1px solid var(--ln); } .adsd-card__img img { width: 84%; height: 84%; object-fit: contain; border-radius: 12px; transition: transform .3s ease; } .adsd-card:hover .adsd-card__img img { transform: scale(1.04); } .adsd-card:hover .adsd-card__img { border-color: var(--vi-ln); } .adsd-card__corpo { display: flex; flex-direction: column; gap: 4px; padding-right: 50px; } .adsd-card__marca { font-size: 13px; font-weight: 600; color: var(--vi); } .adsd-card h3 { font-size: 15px !important; line-height: 1.35 !important; font-weight: 500 !important; letter-spacing: -0.01em !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .adsd-card__preco { margin-top: 6px; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color: var(--tx); } .adsd-card__preco .adsd-desde { font-size: 13px; font-weight: 500; color: var(--tx2); } .adsd-card__preco .woocommerce-price-suffix { display: none; } .adsd-card__preco del { font-size: 14px; font-weight: 400; color: var(--tx3); margin-right: 6px; } .adsd-card__preco ins { text-decoration: none; } .adsd-card .adsd-card-extra { display: flex; align-items: center; gap: 10px; margin-top: 4px; font-size: 13px; color: var(--tx2); } .adsd-card .adsd-pontos { display: flex; gap: 4px; align-items: center; } .adsd-card .adsd-pontos i { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); } .adsd-card .adsd-pontos em { font-style: normal; font-size: 12px; margin-left: 2px; } .adsd-card__add { position: absolute; right: 0; bottom: 0; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--ln); background: #fff; color: var(--tx); cursor: pointer; } .adsd-card__add:hover { background: var(--vi); color: #fff; border-color: var(--vi); } .adsd-card__add--ver { pointer-events: none; } .adsd-card:hover .adsd-card__add--ver { background: var(--vi); border-color: var(--vi); color: #fff; } .adsd-card__add.is-carregando { opacity: .5; } .adsd-card__add.is-ok { background: #1f9d55; border-color: #1f9d55; color: #fff; } .adsd-estrelas { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--tx2); } .adsd-estrelas i { --v: 0%; width: 76px; height: 14px; background: linear-gradient(90deg, #f5a524 var(--v), #dcd9e8 var(--v)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 14'%3E%3Cg%3E%3Cpath d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(15.5)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(31)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(46.5)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(62)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 14'%3E%3Cg%3E%3Cpath d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(15.5)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(31)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(46.5)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cpath transform='translate(62)' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 10.9 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; } /* 5. Números (estilo "Customer stories") */ .adsd-h-numeros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .adsd-h-numeros > div { padding: 26px 24px; border-radius: 24px; border: 1px solid rgba(23,19,58,.06); } .adsd-h-numeros > div:nth-child(1) { background: var(--g-menta); } .adsd-h-numeros > div:nth-child(2) { background: var(--g-ceu); } .adsd-h-numeros > div:nth-child(3) { background: var(--g-lilas); } .adsd-h-numeros > div:nth-child(4) { background: var(--g-amar); } .adsd-h-numeros strong { display: block; font-size: clamp(40px, 4.4vw, 60px); font-weight: 500; letter-spacing: -0.05em; line-height: 1; color: var(--tx); } .adsd-h-numeros p { margin: 12px 0 0 !important; font-size: 15px; line-height: 1.45; color: var(--tx2); } /* 6. Cores */ .adsd-h-cores { display: grid; grid-template-columns: 340px 1fr; gap: 40px; align-items: start; padding: clamp(24px, 3vw, 44px); border-radius: 30px; background: var(--g-amar); border: 1px solid rgba(23,19,58,.05); } .adsd-h-cores__txt p { margin: 14px 0 24px !important; font-size: 17px; line-height: 1.55; color: var(--tx2); } .adsd-h-paleta { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; } .adsd-h-paleta a { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; color: var(--tx) !important; transition: transform .15s ease, box-shadow .15s ease; background: #fff; box-shadow: 0 1px 3px rgba(23,19,58,.08); } .adsd-h-paleta a:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -10px rgba(23,19,58,.3); } .adsd-h-paleta i { display: block; aspect-ratio: 4 / 3; } .adsd-h-paleta strong { padding: 8px 10px 0; font-size: 13px; font-weight: 600; line-height: 1.25; } .adsd-h-paleta small { padding: 0 10px 9px; font-size: 12px; color: var(--tx3); min-height: 1.4em; } /* 7. Calculadora e guia */ .adsd-h-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .adsd-caixa { border: 1px solid var(--ln); border-radius: 30px; padding: clamp(24px, 3vw, 40px); background: #fff; } .adsd-caixa > p { margin: 12px 0 24px !important; font-size: 16px; line-height: 1.55; color: var(--tx2); } .adsd-h-calc { background: var(--g-lilas); border-color: var(--vi-ln); } .adsd-h-calc__f { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .adsd-h-calc__f label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: var(--tx2); } .adsd-h-calc__f label:nth-child(3) { grid-column: 1 / -1; } .adsd-h-calc__f label span { display: flex; align-items: center; gap: 8px; color: var(--tx); font-size: 15px; font-weight: 500; } .adsd-h-calc__f input, .adsd-h-calc__f select { width: 100%; height: 50px !important; border: 1px solid var(--vi-ln) !important; border-radius: 12px !important; padding: 0 14px !important; font-size: 16px !important; background: #fff !important; color: var(--tx); box-shadow: none !important; margin: 0 !important; } .adsd-h-calc__f input:focus, .adsd-h-calc__f select:focus { border-color: var(--vi) !important; outline: none; } .adsd-h-calc__res { grid-column: 1 / -1; display: block; padding: 20px; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px -12px rgba(109,74,255,.35); } .adsd-h-calc__res strong { display: block; font-size: 38px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } .adsd-h-calc__res span { display: block; margin-top: 6px; font-size: 14px; color: var(--tx2); line-height: 1.5; } .adsd-h-calc__dica { margin: 16px 0 0 !important; font-size: 13px; color: var(--tx3); } .adsd-h-guia ol { display: flex; flex-direction: column; gap: 18px; margin: 24px 0 28px !important; } .adsd-h-guia li { display: flex; gap: 16px; } .adsd-h-guia li > span { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 12px; font-weight: 700; font-size: 15px; } .adsd-h-guia li:nth-child(1) > span { background: var(--g-rosa); color: #8a2458; } .adsd-h-guia li:nth-child(2) > span { background: var(--g-menta); color: #1d5b2c; } .adsd-h-guia li:nth-child(3) > span { background: var(--g-ceu); color: #0e5a70; } .adsd-h-guia li div { font-size: 15px; line-height: 1.55; color: var(--tx2); } .adsd-h-guia li strong { display: block; color: var(--tx); font-size: 16px; font-weight: 600; margin-bottom: 2px; } .adsd-h-guia li a { display: inline-block; margin-top: 4px; color: var(--vi-esc) !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: var(--vi-ln) !important; } .adsd-h-guia li a:hover { text-decoration-color: var(--vi) !important; } .adsd-h-guia li div a:first-of-type { display: block; width: fit-content; } /* 8. Marcas */ .adsd-h-marcas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .adsd-h-marcas a { display: flex; align-items: center; gap: 16px; padding: 14px 18px 14px 14px; border: 1px solid var(--ln); border-radius: 22px; background: #fff; color: var(--tx) !important; transition: border-color .15s, box-shadow .15s; } .adsd-h-marcas a:hover { border-color: var(--vi-ln); box-shadow: 0 12px 28px -16px rgba(109,74,255,.4); } .adsd-h-marcas__logo { width: 84px; height: 84px; flex: none; display: grid; place-items: center; border-radius: 16px; background: var(--bg2); overflow: hidden; } .adsd-h-marcas__logo img { width: 80%; height: 80%; object-fit: contain; } .adsd-h-marcas a > span:nth-child(2) { flex: 1; min-width: 0; } .adsd-h-marcas strong { display: block; font-size: 17px; font-weight: 600; letter-spacing: -0.02em; } .adsd-h-marcas small { font-size: 13px; color: var(--tx3); } .adsd-h-marcas .adsd-i { color: var(--tx3); } .adsd-h-marcas a:hover .adsd-i { color: var(--vi); } @media (max-width: 1023px) { .adsd-grelha--deslizar { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; margin: 0 -16px; padding: 0 16px 8px; scrollbar-width: none; } .adsd-grelha--deslizar::-webkit-scrollbar { display: none; } .adsd-grelha--deslizar .adsd-card { flex: 0 0 62%; scroll-snap-align: start; } } /* 9. Texto SEO */ .adsd-h-texto { padding: clamp(28px, 4vw, 48px); border-radius: 30px; background: var(--bg2); } .adsd-h-texto h2 { max-width: 760px; } .adsd-h-texto__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 32px; } .adsd-h-texto h3 { font-size: 17px !important; font-weight: 600 !important; margin: 0 0 8px !important; } .adsd-h-texto p { font-size: 15px; line-height: 1.7; color: var(--tx2); margin: 0 0 24px !important; } .adsd-h-texto a { color: var(--vi-esc) !important; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: var(--vi-ln) !important; } .adsd-h-texto a:hover { text-decoration-color: var(--vi) !important; } /* 10. FAQ */ .adsd-h-faq { display: grid; grid-template-columns: 360px 1fr; gap: 40px; } .adsd-h-faq__lista { display: flex; flex-direction: column; gap: 10px; } .adsd-h-faq details { border: 1px solid var(--ln); border-radius: 18px; background: #fff; padding: 0 20px; transition: background .2s, border-color .2s; } .adsd-h-faq details[open] { background: var(--vi-bg); border-color: var(--vi-ln); } .adsd-h-faq summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 0; font-size: 17px; font-weight: 600; letter-spacing: -0.015em; cursor: pointer; color: var(--tx); } .adsd-h-faq summary::-webkit-details-marker { display: none; } .adsd-h-faq summary .adsd-i { color: var(--vi); transition: transform .2s ease; } .adsd-h-faq details[open] summary .adsd-i { transform: rotate(180deg); } .adsd-h-faq details p { margin: -4px 0 20px !important; font-size: 16px; line-height: 1.65; color: var(--tx2); max-width: 720px; } /* 11. Contacto */ .adsd-h-cta { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding: clamp(28px, 4vw, 56px); border-radius: 30px; background: linear-gradient(135deg, #2a1d6e 0%, #5b3fd6 55%, #a044d8 100%); color: #fff; } .adsd-h-cta::after { content: ''; position: absolute; right: -80px; top: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(closest-side, rgba(236,72,153,.45), transparent); pointer-events: none; } .adsd-h-cta > * { position: relative; z-index: 1; } .adsd-h-cta h2 { color: #fff !important; } .adsd-h-cta p { margin: 10px 0 0 !important; font-size: 17px; color: rgba(255,255,255,.78); max-width: 520px; } .adsd-h-cta__btns { display: flex; gap: 10px; flex-wrap: wrap; } .adsd-h-cta .adsd-pill { height: 52px; padding: 0 22px; } /* Rodapé */ body.adsd .adsd-pie { border-top: 0; background: var(--g-lilas); border-radius: 30px 30px 0 0; margin-top: 72px; } body.adsd .adsd-pie h3 { letter-spacing: -0.01em; text-transform: none; font-weight: 600; font-size: 15px; } body.adsd .adsd-pie a:hover { color: var(--vi-esc); } body.adsd .adsd-pie__base { border-top-color: var(--vi-ln); } @media (max-width: 1100px) { .adsd-h-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); } .adsd-h-paleta { grid-template-columns: repeat(4, minmax(0, 1fr)); } .adsd-h-cores { grid-template-columns: 1fr; gap: 24px; } .adsd-h-montra { grid-template-columns: 1fr 1fr; } .adsd-h-numeros { grid-template-columns: 1fr 1fr; } } @media (max-width: 1023px) { .adsd-h-vant { grid-template-columns: 1fr 1fr; } .adsd-grelha { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; } .adsd-h-duo, .adsd-h-faq { grid-template-columns: 1fr; } .adsd-h-faq { gap: 20px; } .adsd-h-texto__cols { grid-template-columns: 1fr; gap: 0; } .adsd-h-marcas { grid-template-columns: 1fr 1fr; } .adsd-h-cab { flex-direction: column; align-items: flex-start; gap: 12px; } } @media (max-width: 640px) { .adsd-h-hero { padding-top: 32px; text-align: left; } .adsd-etiqueta { font-size: 13px; } .adsd-h-hero h1 { margin-left: 0 !important; } .adsd-h-hero__sub { margin-left: 0 !important; } .adsd-h-busca { height: 56px; padding-left: 14px; border-radius: 16px; } .adsd-h-busca button { display: none; } .adsd-h-chips { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; margin: 16px -16px 0 !important; padding: 0 16px 4px; scrollbar-width: none; } .adsd-h-chips::-webkit-scrollbar { display: none; } .adsd-h-chips a { white-space: nowrap; } .adsd-h-montra { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 32px -16px 0; padding: 4px 16px 10px; scrollbar-width: none; } .adsd-h-montra::-webkit-scrollbar { display: none; } .adsd-h-montra .adsd-cartao { flex: 0 0 78%; scroll-snap-align: start; } .adsd-h-vant { grid-template-columns: 1fr; gap: 8px; } .adsd-h-cats { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; margin: 0 -16px; padding: 0 16px 6px; scrollbar-width: none; } .adsd-h-cats::-webkit-scrollbar { display: none; } .adsd-h-cats li { flex: 0 0 40%; scroll-snap-align: start; } .adsd-card__corpo { padding-right: 0; } .adsd-card__add { position: static; margin-top: 10px; width: 100%; height: 40px; } .adsd-card h3 { font-size: 14px !important; } .adsd-card__preco { font-size: 18px; } .adsd-h-numeros { gap: 10px; } .adsd-h-numeros > div { padding: 18px; border-radius: 20px; } .adsd-h-numeros p { font-size: 13.5px; } .adsd-h-paleta { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .adsd-h-paleta li:nth-child(n+13) { display: none; } .adsd-h-cores { padding: 20px; border-radius: 24px; } .adsd-caixa { border-radius: 24px; padding: 22px; } .adsd-h-calc__f { grid-template-columns: 1fr; } .adsd-h-marcas { grid-template-columns: 1fr; } .adsd-h-texto { border-radius: 24px; padding: 22px; } .adsd-h-cta { border-radius: 24px; } .adsd-h-cta__btns, .adsd-h-cta .adsd-pill { width: 100%; } body.adsd .adsd-pie { border-radius: 24px 24px 0 0; } } /* ========================================================= LOJA / CATEGORIAS — cabeçalho da listagem e filtros ========================================================= */ body.adsd-v2 .nectar-shop-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; } body.adsd-v2 .nectar-shop-header .woocommerce-breadcrumb { flex: 1 1 100%; margin: 0 !important; font-size: 14px; } body.adsd-v2 .nectar-shop-header .woocommerce-result-count { margin: 0 auto 0 0 !important; float: none !important; font-size: 14px; color: var(--tx2); } body.adsd-v2 .nectar-shop-header .woocommerce-ordering { margin: 0 !important; float: none !important; } body.adsd-v2 #sidebar .widget { border: 1px solid var(--ln); border-radius: 18px; padding: 18px; margin-bottom: 14px; background: #fff; } body.adsd-v2 #sidebar .widget_product_search { display: none; } body.adsd-v2 #sidebar .widget h4, body.adsd-v2 #sidebar .widget-title { font-size: 15px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; text-transform: none !important; margin-bottom: 12px !important; } body.adsd-v2 #sidebar .price_slider_amount .button { height: 38px !important; min-height: 0; padding: 0 14px !important; font-size: 13px !important; } .adsd-filtros-btn { display: none; } .adsd-filtros-topo { display: none; } @media (max-width: 999px) { .adsd-filtros-btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 1px solid var(--ln); border-radius: 12px; background: #fff; color: var(--tx); font-size: 15px; font-weight: 600; cursor: pointer; } .adsd-filtros-btn .adsd-i { width: 18px; height: 18px; } body.adsd-v2 #sidebar { display: none !important; } html.adsd-filtros body.adsd-v2 #sidebar { display: block !important; position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: 100% !important; max-height: 82vh; overflow-y: auto; overscroll-behavior: contain; margin: 0 !important; padding: 0 16px calc(20px + env(safe-area-inset-bottom)) !important; background: #fff; z-index: 99992; border-radius: 22px 22px 0 0; box-shadow: 0 0 0 100vmax rgba(16,16,29,.35); box-sizing: border-box; animation: adsdSobe .22s ease both; } html.adsd-filtros .adsd-filtros-topo { display: flex; position: sticky; top: 0; z-index: 1; align-items: center; justify-content: space-between; padding: 16px 0 12px; margin-bottom: 4px; background: #fff; font-size: 18px; font-weight: 600; } .adsd-filtros-topo button { width: 40px; height: 40px; border: 1px solid var(--ln); border-radius: 12px; background: #fff; display: grid; place-items: center; } body.adsd-v2 #sidebar .widget_brand_thumbnails { display: none; } html.adsd-filtros #ajax-content-wrap, html.adsd-filtros .container-wrap, html.adsd-filtros .row { transform: none !important; } html.adsd-filtros .gtranslate_wrapper, html.adsd-filtros .gt_float_switcher, html.adsd-filtros .joinchat { display: none !important; } body.adsd-v2 .nectar-shop-header .woocommerce-result-count { flex: 1 1 100%; order: 3; } } @keyframes adsdSobe { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } } .adsd-cat-texto { clear: both; margin: 56px 0 0; padding: 32px 0 0; border-top: 1px solid var(--ln); max-width: 860px; color: var(--tx2); font-size: 15px; line-height: 1.7; } .adsd-cat-texto h2, .adsd-cat-texto h3 { font-size: 18px !important; margin: 20px 0 8px !important; color: var(--tx); } /* Sem maiúsculas espaçadas (estilo antigo): rótulos em frase normal, peso 600 */ body.adsd-v2 .adsd-var__rotulo, body.adsd-v2 .adsd-var legend, body.adsd-v2 .adsd-var h4, body.adsd-v2 .adsd-var .adsd-var__t, body.adsd-v2 #sidebar .widgettitle, body.adsd-v2 .adsd-cesto h2, body.adsd-v2.woocommerce-checkout #order_review_heading, body.adsd-v2.woocommerce-checkout h3, body.adsd-v2 .adsd-calc__usar, body.adsd-v2 .adsd-f-specs dt, body.adsd-v2 .adsd-f-marca, body.adsd-v2 .woocommerce-tabs ul.tabs li a { text-transform: none !important; letter-spacing: -0.005em !important; font-weight: 600 !important; } body.adsd-v2 .adsd-f-specs dt { font-size: 12px; font-weight: 500 !important; color: var(--tx3); } body.adsd-v2.woocommerce-checkout h3, body.adsd-v2.woocommerce-checkout #order_review_heading { font-size: 18px !important; } body.adsd-v2 .adsd-cesto h2 { font-size: 18px; } body.adsd-v2 .adsd-var button, body.adsd-v2 .adsd-var [role=radio] { border-radius: 12px !important; } body.adsd-v2 .adsd-grupo legend { text-transform: none !important; letter-spacing: -0.005em !important; font-size: 15px !important; font-weight: 600; color: var(--tx); } body.adsd-v2 .adsd-opcoes > * { border-radius: 12px; } /* O tema (body[data-button-style^="rounded"]) arredonda todos os