@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-400.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-500.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-700.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-400-italic.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spectral-400.woff2) format('woff2')}

:root{--creme:#f4f2e4;--areia:#ece9d7;--salvia:#b5d2c8;--tan:#c8a67f;--preto:#111;--linha:#cfcec2;--leve:#3b3b36;--pad:clamp(16px,4vw,48px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:#000;font-family:'Figtree',system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-weight:500;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.65rem,3vw,2.45rem)}
h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
ul,ol,dl{margin:0;padding:0}
ul{list-style:none}
section{overflow-x:clip;scroll-margin-top:72px}
a{color:inherit}
a:focus-visible,.rail:focus-visible{outline:3px solid #2563eb;outline-offset:3px}

/* bloco do pacote */
.pular{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:12px 18px;z-index:100}
.pular:focus{left:8px;top:8px}
.rascunho{background:#111;color:#fff;font-size:.85rem;padding:8px var(--pad);text-align:center}
.pacote{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:4px var(--pad);background:var(--creme);border-bottom:1px solid var(--linha)}
.pacote-abas{display:flex;gap:2px;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-weight:500;border-bottom:3px solid transparent}
.pacote-abas a[aria-current="page"]{font-weight:700;border-bottom-color:#000}
.pacote-abas a:hover{background:var(--areia)}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:#000;color:#fff;font-weight:700;text-decoration:none}
.chat:hover{background:#333}
.rodape{background:var(--areia);padding:40px var(--pad) 48px;font-size:.95rem}
.rodape p{max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:#000;color:#fff;font-weight:700;text-decoration:none}
.rodape-fontes{color:var(--leve);font-size:.85rem}

/* peças comuns */
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--pad)}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2a2a26;margin:0 0 14px}
.lede{font-size:1.15rem;max-width:62ch}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:#000;color:#fff;font-weight:700;text-decoration:none;width:fit-content;border:2px solid #000}
.btn:hover{background:#333;border-color:#333}
.btn.alt{background:transparent;color:#000}
.btn.alt:hover{background:#000;color:#fff}
.botoes{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.cor-salvia{background-color:#b5d2c8}
.cor-tan{background-color:#c8a67f}
.cor-areia{background-color:#ece9d7}
.escuro{background-color:#111;color:#f4f2e4}
.escuro .eyebrow{color:#d6d1ba}
.escuro .btn{background:#f4f2e4;color:#000;border-color:#f4f2e4}
.nota{font-size:.95rem;max-width:70ch;color:var(--leve)}
.cor-salvia .nota,.cor-tan .nota{color:#1d1d1a}
.escuro .nota{color:#e4e0cc}

/* revelação: estado invisível só com .com-js */
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
.rv{transition:opacity .7s ease,transform .7s ease}

/* 1 hero */
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:clamp(680px,100vh,940px)}
.hero-bg{grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.hero-panel{grid-column:1;grid-row:1;align-self:center;max-width:560px;padding:clamp(28px,4vw,56px) clamp(20px,3vw,48px) clamp(28px,4vw,56px) var(--pad)}
.hero-panel .hero-sub{font-size:.95rem;color:var(--leve)}

/* 2 prateleira */
.s-prateleira{padding:72px 0 0}
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px var(--pad) 22px;scrollbar-width:thin}
.rail .card{flex:0 0 300px;scroll-snap-align:start}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--areia);margin-bottom:12px}
.card h3{margin:0 0 4px}
.card p{margin:0 0 6px;font-size:.98rem}
.card .preco{color:#4a4a44;font-size:.9rem}
.card .preco b{color:#000;margin-left:6px}
.prateleira-regua{height:10px;background:#111;margin:0 0 72px}

/* 50/50 */
.s-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:640px;align-items:stretch}
.split-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,88px) clamp(20px,5vw,80px)}
.split-txt h2{max-width:24ch}
.fill{position:relative;margin:0;min-height:380px}
.fill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.quote{font-family:'Spectral',Georgia,serif;font-style:italic;font-size:1.45rem;line-height:1.35;margin:0 0 1em}
.assina{font-weight:700}
.tres{margin:12px 0 0}
.tres div{border-top:1px solid rgba(0,0,0,.35);padding:12px 0}
.tres dt{font-weight:700}
.tres dd{margin:2px 0 0}
.pergunta{font-family:'Spectral',Georgia,serif;font-style:italic;font-size:1.25rem}
.chips{display:grid;grid-template-columns:minmax(0,1fr);max-width:440px;margin:0 0 28px;border-top:2px solid #000}
.chips a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 6px;border-bottom:1px solid #000;text-decoration:none;font-weight:500}
.chips a::after{content:"→"}
.chips a:hover{background:#000;color:#fff}
.vantagens{margin:0 0 24px}
.vantagens li{border-top:1px solid var(--linha);padding:12px 0;font-weight:500}

/* faixas de fotos */
.s-elenco,.s-estilo,.s-minis,.s-perfumes{padding:72px 0 80px}
.faixa6,.faixa4{display:grid;gap:16px;padding:32px var(--pad) 0}
.faixa6{grid-template-columns:repeat(6,minmax(0,1fr))}
.faixa4{grid-template-columns:repeat(4,minmax(0,1fr))}
.faixa6 img,.faixa4 img{width:100%;aspect-ratio:3/4;object-fit:cover;margin-bottom:10px}
.s-minis .faixa6 img,.s-perfumes .faixa4 img,.s-estilo .faixa4 img{aspect-ratio:1/1}
.faixa6 h3,.faixa4 h3{font-size:1rem;margin:0 0 4px}
.faixa6 p,.faixa4 p{font-size:.9rem;margin:0;color:var(--leve)}
.cor-areia .faixa6 p,.cor-areia .faixa4 p{color:#33332e}

/* 7 três tipos */
.s-tipos{padding:80px 0 72px}
.tres-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:36px var(--pad) 28px}
.tres-col img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:16px}
.tres-col p{margin:0}

/* couro: faixa de foto + texto em colunas CSS */
.s-couro{min-height:600px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.couro-cols{column-count:2;column-gap:40px}
.couro-cols p{break-inside:avoid-column}
.couro-rotulo{margin:8px 0 10px}
.lista-couro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;font-weight:700;margin:0 0 20px;border-top:2px solid #000}
.lista-couro li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.4)}
.s-couro .botoes{margin-top:4px}
@media (max-width:900px){
  .s-couro{grid-template-columns:minmax(0,1fr)}
  .couro-cols{column-count:1}
}
@media (max-width:420px){
  .lista-couro{grid-template-columns:minmax(0,1fr)}
}

/* escova */
.s-texto{padding:72px 0 88px}
.s-texto h2{max-width:22ch}
.cols2{column-count:2;column-gap:56px;margin-top:28px}
.cols2 h3{break-after:avoid;margin-top:1.2em}
.cols2 h3:first-child{margin-top:0}
.cols2 ol{padding-left:1.3rem;margin:0 0 1em}

/* rotinas 3 colunas */
.s-rotina{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);min-height:460px;align-items:stretch}
.s-rotina.rev{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}
.s-rotina figure{position:relative;margin:0;min-height:360px}
.s-rotina figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rotina-txt{display:flex;flex-direction:column;justify-content:center;padding:44px clamp(20px,3vw,48px)}
.rotina-txt h2{font-size:clamp(1.5rem,2.4vw,2rem)}
.rev .rotina-txt h2,.rev .rotina-txt .eyebrow{text-align:right}

/* fatores */
.s-fatores{position:relative;padding:0 0 88px}
.faixa-foto{position:absolute;top:0;left:0;right:0;height:460px;margin:0}
.faixa-foto img{width:100%;height:100%;object-fit:cover}
.s-fatores .wrap{position:relative;padding-top:clamp(120px,13vw,190px)}
.titulo-dir{background:var(--creme);max-width:800px;margin-left:auto;padding:clamp(24px,3vw,44px)}
.titulo-dir h2,.titulo-dir .eyebrow{text-align:right}
.titulo-dir .lede{max-width:70ch}
.fator-lista,.dicas{list-style:none;counter-reset:f}
.fator-lista li,.dicas li{counter-increment:f;position:relative;padding-left:48px;margin:0 0 26px;break-inside:avoid}
.fator-lista li::before,.dicas li::before{content:counter(f);position:absolute;left:0;top:-4px;font-family:'Spectral',Georgia,serif;font-style:italic;font-size:2rem;line-height:1}
.fator-lista p,.dicas p{margin:0}
.fator-lista{margin-top:24px}
.fator-lista li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,2fr);gap:0 28px;padding:24px 0;margin:0;border-top:1px solid var(--linha)}
.fator-lista li::before{position:static;top:auto}
.fator-lista h3{margin:0}
.s-fatores .nota{margin-top:28px}

/* casa limpa */
.s-casa{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.sticky-foto{position:relative;margin:0;min-height:420px}
.sticky-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.casa-txt{padding:clamp(40px,6vw,80px) clamp(20px,5vw,72px)}
.casa-txt h2{max-width:22ch}
.dicas{margin-top:28px}

/* rinse, imprensa */
.s-rinse{padding:96px 0}
.s-rinse .cols2 p{break-inside:avoid-column}
.s-rinse .nota{margin:28px 0 0}
.s-imprensa{min-height:96px;display:flex;align-items:center}
.imprensa-linha{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:24px;padding-bottom:24px}
.imprensa-linha p{margin:0;font-family:'Spectral',Georgia,serif;font-style:italic;font-size:1.3rem}
.imprensa-linha ul{display:flex;flex-wrap:wrap;gap:8px 28px;font-weight:700}

/* rodapé de seção de fecho */
.s-minis .wrap,.s-perfumes .wrap,.s-elenco .wrap,.s-estilo .wrap,.s-prateleira .wrap{padding-bottom:0}

@media (max-width:900px){
  .s-split,.s-casa{grid-template-columns:minmax(0,1fr)}
  .s-split{min-height:0}
  .fill,.sticky-foto{min-height:380px}
  .s-rotina,.s-rotina.rev{grid-template-columns:minmax(0,1fr);min-height:0}
  .s-rotina figure{min-height:300px}
  .faixa6,.faixa4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tres-col{grid-template-columns:minmax(0,1fr)}
  .cols2{column-count:1}
  .rail .card{flex-basis:260px}
  .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-panel{grid-column:1;grid-row:1;max-width:none;padding:32px var(--pad)}
  .hero-bg{grid-column:1;grid-row:2;height:min(110vw,520px)}
  .faixa-foto{height:300px}
  .s-fatores .wrap{padding-top:150px}
  .fator-lista li{grid-template-columns:40px minmax(0,1fr);gap:0 16px}
  .fator-lista li p{grid-column:2;margin-top:6px}
}
@media (max-width:600px){
  .pacote{padding-top:0}
  .pacote-abas{flex:1 1 100%;justify-content:space-between}
  .pacote-abas a{padding:0 6px;font-size:.85rem}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .chat{margin-left:auto;margin-bottom:4px}
  .s-rinse{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{transition:none}
  .com-js .rv:not(.in){opacity:1;transform:none}
}