/* =====================================================================
   MARCA 2026 · caminho B, "moderna" (escolhido em 25/09/2026)

   Carregado DEPOIS do brand.css e SÓ nas páginas públicas (início,
   perfil, compra, relatório, teste, diagnóstico, link na bio). O estúdio
   interno continua na marca de antes até a segunda rodada.
   Desfazer = tirar a linha <link> deste arquivo da página.

   O que muda e por quê (as regras de design da casa):
   - Fundo creme #FBF8F1 sai: está na lista de fundos que toda IA repete.
   - Fraunces sai dos títulos: é uma das duas serifadas favoritas das IAs.
     Entra Bricolage Grotesque, sem serifa e com traço próprio.
   - Cápsulas espalhadas e manchas desfocadas saem: a cápsula vira selo.
   - Topo em jade escuro dá peso de autoridade; o manteiga vira a luz.
   O que fica: jade, manteiga, rosê como ponto, a foto, a voz dela.

   Contraste medido (WCAG, mínimo 4,5:1 pra texto):
     texto #14231F no branco ........ 16,28:1
     branco no jade escuro #16433A .. 11,06:1
     manteiga no jade escuro ........  7,34:1
     botão: #16332C no manteiga .....  9,03:1
     jade #23806B no branco .........  4,80:1
     ROSÊ NUNCA COMO TEXTO: 2,13:1 no branco. Só ponto, cápsula, detalhe.
   ===================================================================== */

/* Fontes hospedadas no próprio site (licença SIL OFL 1.1, arquivos em /assets/fontes).
   Vindo do Google eram mais dois endereços e duas conexões antes da página
   ficar pronta: era isso que atrasava o texto do topo, não a foto. */
/* Bricolage Grotesque normal, conjunto latino (cobre ç, ã, é) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fontes/bricolage-grotesque-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;
}
/* Hanken Grotesk italic, conjunto latino (cobre ç, ã, é) */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fontes/hanken-grotesk-italic.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;
}
/* Hanken Grotesk normal, conjunto latino (cobre ç, ã, é) */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fontes/hanken-grotesk-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;
}

:root{
  --serif:"Bricolage Grotesque",system-ui,-apple-system,sans-serif;
  --creme:#FFFFFF;
  --papel:#FFFFFF;
  --ink:#14231F;
  --jade-noite:#16433A;
  --manteiga-texto:#16332C;
  --grad-jade:linear-gradient(92deg,#1F6B5A,#23806B);
}
body{background:#FFFFFF;color:var(--ink)}

/* A Bricolage não tem itálico. Sem esta linha, todo lugar que pedia itálico
   na serifada antiga (a faixa de palavras, a assinatura, os números) sai com a
   letra entortada à força pelo navegador. Onde existe itálico de verdade
   (o Hanken do texto corrido), ele continua funcionando. */
html{font-synthesis:none}

/* títulos: sem serifa, apertados, com a ênfase em cor e não em itálico */
h1,h2,h3,.serif{font-family:var(--serif);font-weight:700;letter-spacing:-.025em;font-optical-sizing:auto}
h1{letter-spacing:-.03em}
/* destaque no título: cor, não itálico nem letra mais fina. Jade no fundo claro;
   nas seções escuras a regra da própria página (mais específica) põe manteiga ou rosê claro */
h1 em,h2 em,h3 em{font-style:normal;font-weight:inherit;color:var(--verde-700)}

/* sem papel de parede: nada de cápsula espalhada nem mancha desfocada */
.glow,.capsulas-camada,[data-capsulas-camada]{display:none!important}

/* ---------- topo da página inicial: bloco de jade escuro ---------- */
.hero{background:var(--jade-noite);color:#FFFFFF}
.hero>svg{display:none}
.hero h1{color:#FFFFFF}
.hero h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#EBCF9C;color:#EBCF9C}
.hero p.sub{color:rgba(255,255,255,.82)}
.hero p.sub strong{color:#FFFFFF}
.hero .eyebrow{color:#EBCF9C}
.hero .micro{color:rgba(255,255,255,.72)}
.hero .btn{background:#EBCF9C;color:var(--manteiga-texto)}
.hero .btn:hover{background:#F4E3C0}
.hero .btn .dot{background:var(--jade-noite)}
.hero-foto::before{border-color:rgba(235,207,156,.45)}
.hero-foto .arch{box-shadow:0 30px 60px -28px rgba(0,0,0,.55)}


/* ---------- página inicial: o resto das seções ---------- */
/* rótulo "dose 01": era rosê como texto (2,13:1). Jade no branco dá 4,80:1 */
.num,.dor .num{color:#23806B}   /* a página tem ".dor .num": com uma classe só, perdia */
/* sem fundo creme nem rosado voltando pela porta dos fundos:
   alterna branco e um cinza-menta frio */
.b2b{background:#F3F6F4}
.sobre{background:#FFFFFF}
/* o fechamento repete o topo: jade escuro e botão manteiga */
.final{background:var(--jade-noite)}
.final .btn,.final .btn--rosa{background:#EBCF9C;color:var(--manteiga-texto)}
.final .btn .dot,.final .btn--rosa .dot{background:var(--jade-noite)!important}


/* contraste medido pelo Lighthouse (mínimo 4,5:1 pra texto pequeno) */
.b2b .eyebrow{color:#217C67}            /* no cinza-menta: 4,66:1 (antes 4,41) */
.selos .selo,.selo{color:#207562}       /* no menta claro: 4,72:1 (antes 4,08) */

/* movimento: a regra da casa (teto 300ms, nunca ease-in, nunca "all") */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}