/* Nakie: concept landing. Tokens medidos na home real (REFERENCIA.md / MARCA.json).
   Fonte do site (Avenir Next) sem arquivo na coleta: pilha local com Nunito Sans como reserva (ver RELATORIO.md). */
/* Sem arquivo de fonte na coleta (Avenir Next é licenciada, download da Nunito Sans indisponível nesta rodada):
   a família da página é registrada só com fontes locais, sem url() que dê 404. */
@font-face{font-family:"Nakie Sans";font-weight:400;font-style:normal;font-display:swap;src:local("Avenir Next"),local("Nunito Sans"),local("NunitoSans-Regular"),local("Segoe UI"),local("Helvetica Neue"),local("Arial")}
@font-face{font-family:"Nakie Sans";font-weight:700;font-style:normal;font-display:swap;src:local("Avenir Next Bold"),local("Nunito Sans Bold"),local("NunitoSans-Bold"),local("Segoe UI Bold"),local("Helvetica Neue Bold"),local("Arial Bold")}
@font-face{font-family:"Nakie Sans";font-weight:800;font-style:normal;font-display:swap;src:local("Avenir Next Heavy"),local("Nunito Sans ExtraBold"),local("NunitoSans-ExtraBold"),local("Segoe UI Black"),local("Helvetica Neue Bold"),local("Arial Black")}
:root{
  --ink:#111;
  --paper:#fff;
  --areia:#f4f3ef;
  --creme:#fff9ea;
  --mata:#0e2a22;
  --folha:#2e5d47;
  --fresca:#0fc06a;
  --teal:#07625a;
  --claro-verde:#bfe8cf;
  --linha:#d9d7cf;
  --max:1380px;
  --gut:clamp(16px,2.4vw,32px);
  --sans:"Nakie Sans","Avenir Next","Avenir","Nunito Sans","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --out:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--fresca);outline-offset:3px}
section{overflow-x:clip;position:relative}
h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;line-height:1.08;font-weight:800}
h1{font-size:clamp(40px,6vw,84px)}
h2{font-size:clamp(30px,3.6vw,50px)}
h3{font-size:clamp(19px,1.7vw,24px);line-height:1.2}
p{text-wrap:pretty}
.olho{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}

/* ---------- bloco do pacote ---------- */
.pular{position:absolute;left:8px;top:-60px;z-index:100;background:#fff;color:#000;padding:10px 14px;border:2px solid #000;border-radius:5px;font-weight:700;text-decoration:none}
.pular:focus{top:8px}
.rascunho{background:var(--ink);color:#fff;text-align:center;font-size:13px;line-height:1.4;padding:7px 12px}
.pacote{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--linha);padding:8px var(--gut)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:5px;font-size:14px;font-weight:700;text-decoration:none;color:var(--ink)}
.pacote-abas a[aria-current="page"]{background:var(--ink);color:#fff}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:var(--ink);color:#fff;border-radius:5px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.rodape{background:var(--ink);color:#fff;padding:36px var(--gut) 44px;text-align:center;font-size:14px}
.rodape p{max-width:760px;margin:0 auto 12px}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;background:#fff;color:var(--ink);border-radius:5px;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.rodape-fontes{color:#d4d4d4;font-size:13px}
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:not([aria-current]):hover{background:var(--areia)}
  .chat:hover{background:var(--folha)}
}
@media (max-width:860px){
  .pacote{position:static;flex-wrap:wrap}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 10px;font-size:13px}
}

/* ---------- botões ---------- */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;background:var(--ink);color:#fff;border:2px solid var(--ink);border-radius:5px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background-color .18s ease,color .18s ease,transform .18s var(--out)}
.botao-claro{background:#fff;color:var(--ink);border-color:#fff}
.botao:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .botao:hover{background:var(--folha);border-color:var(--folha);color:#fff}
  .botao-claro:hover{background:var(--fresca);border-color:var(--fresca);color:var(--ink)}
}

/* ---------- seções com fundo próprio: largura total, miolo centrado ---------- */
.saida,.mosaico,.creme,.creme2,.verde,.cor{padding:clamp(56px,7vw,104px) var(--gut)}
:is(.saida,.mosaico,.creme,.creme2,.verde,.cor)>*{max-width:var(--max);margin-inline:auto}
.mosaico{background-color:var(--mata);color:#fff}
.creme{background-color:var(--areia)}
.creme2{background-color:var(--creme)}
.verde{background-color:var(--folha);color:#fff}
.cor{background-color:var(--fresca);color:#04140d}
.saida{background-color:var(--fresca);color:#04140d}
:is(.mosaico,.verde) .olho,.painel .olho,.hero-painel .olho{color:var(--claro-verde)}
:is(.cor,.saida) .olho{color:#04140d}

/* ---------- seções sem fundo próprio: miolo centrado na própria seção ---------- */
.faixa,.duo,.cores,.puffy{max-width:calc(var(--max) + 2*var(--gut));margin-inline:auto;padding:clamp(48px,6vw,96px) var(--gut)}

/* cabeçalho de seção */
.cab{margin-bottom:clamp(24px,3vw,44px)}
.cab p:not(.olho){max-width:70ch;margin-top:16px;font-size:clamp(17px,1.4vw,20px)}
.cab-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.cab-split .cab-p p:not(.olho){max-width:none;margin-top:0;font-size:clamp(17px,1.4vw,20px)}
.cab-split .cab-p p+p{margin-top:16px}
@media (max-width:900px){.cab-split{grid-template-columns:minmax(0,1fr);gap:16px}.cab-split .cab-p p:not(.olho){margin-top:0}}
.cab-dir{text-align:right}
.cab-dir p:not(.olho){margin-left:auto}

/* ---------- 1. abertura (hero em foto cheia, título à direita) ---------- */
.hero{min-height:max(780px,calc(100svh - 120px));display:flex;flex-direction:column;justify-content:flex-end;background-color:#7a6a52;color:#fff}
.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero .fundo{object-position:50% 40%}
.hero-in{position:relative;z-index:1;width:100%;max-width:calc(var(--max) + 2*var(--gut));margin-inline:auto;padding:var(--gut);display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.hero-painel{background-color:var(--mata);padding:clamp(22px,3vw,44px);max-width:660px;margin-left:auto;text-align:right}
.hero-painel p:not(.olho){margin-top:16px;font-size:clamp(17px,1.5vw,20px);color:#f1f1f1}
.chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.chips a{display:flex;align-items:center;min-height:48px;height:100%;padding:8px 14px;background:#fff;color:var(--ink);border-radius:5px;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.25)}
@media (hover:hover) and (pointer:fine){.chips a:hover{background:var(--fresca)}}
@media (max-width:1100px){.chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:760px}}

/* ---------- 2. contagem ---------- */
.faixa{border-bottom:2px solid var(--ink)}
.estrelas{display:flex;gap:4px;margin-bottom:14px}
.estrelas svg{width:28px;height:28px;fill:var(--fresca)}
.faixa h2{font-size:clamp(28px,4vw,56px)}
.faixa-texto{margin-top:12px;font-size:clamp(17px,1.5vw,21px)}

/* ---------- 3 e 14. duo (texto + foto de altura cheia) ---------- */
.duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:stretch}
.duo-inv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.duo-texto{display:grid;gap:16px;align-content:start}
.duo-texto h3{margin-top:14px;padding-top:18px;border-top:2px solid var(--ink)}
.duo-texto .botao{justify-self:start}
.grande{font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.2}
.duo-foto{min-height:420px}
.duo-foto img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.duo-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr auto;gap:12px}
.duo-fotos figure{min-height:300px}
.duo-fotos img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.duo-fotos .larga{grid-column:1/3;min-height:0;aspect-ratio:16/9}
@media (max-width:900px){
  .duo,.duo-inv{grid-template-columns:minmax(0,1fr)}
  .duo-foto{min-height:0;aspect-ratio:3/2}
}

/* ---------- 4. saida (lista riscada) ---------- */
.saida-in{text-align:center}
.saida h2{font-size:clamp(22px,2.4vw,32px);text-transform:uppercase;letter-spacing:.12em}
.gigante{font-size:clamp(54px,13vw,210px);font-weight:800;line-height:.96;letter-spacing:-.045em;margin:12px 0 8px}
.risco{position:relative;display:inline-block}
.risco::after{content:"";position:absolute;left:-2%;top:54%;width:104%;height:.09em;background:currentColor;transform-origin:left center;transition:transform .9s var(--out)}
.risco:nth-child(2)::after{transition-delay:.25s}
.risco:nth-child(3)::after{transition-delay:.5s}
.com-js .risco:not(.in)::after{transform:scaleX(0)}
.saida-fecho{font-size:clamp(19px,1.8vw,26px);font-weight:700;margin:18px auto;max-width:34ch}
.roteiro{max-width:920px;margin:24px auto;text-align:left;counter-reset:r;columns:2;column-gap:clamp(24px,4vw,56px)}
.roteiro li{counter-increment:r;position:relative;padding:12px 0 12px 44px;border-top:2px solid #04140d;break-inside:avoid;font-size:17px;font-weight:600}
.roteiro li::before{content:counter(r);position:absolute;left:0;top:10px;font-size:26px;font-weight:800;line-height:1}
@media (max-width:700px){.roteiro{columns:1}}

/* ---------- 5. equipo (mosaico de cartões) ---------- */
.mosaico .cab h2{max-width:18ch}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.tile{display:flex;flex-direction:column;background-color:#17392f;border-radius:3px;overflow:hidden}
.tile figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tile-txt{display:grid;gap:10px;align-content:start;padding:18px 20px 22px;flex:1}
.tile-txt p{color:#f1f1f1;font-size:16px;line-height:1.45}
.tile-txt .botao{justify-self:start;margin-top:auto;background:#fff;color:var(--ink);border-color:#fff}
@media (hover:hover) and (pointer:fine){.tile-txt .botao:hover{background:var(--fresca);border-color:var(--fresca);color:var(--ink)}}
@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tiles{grid-template-columns:minmax(0,1fr)}}

/* ---------- 6. pendurar ---------- */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut);counter-reset:p}
.passo{display:grid;gap:12px;align-content:start;position:relative}
.passo figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.passo .num{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;font-size:22px;font-weight:800;background:#fff;margin-top:-36px;margin-left:12px;position:relative;z-index:1}
.passo p{font-size:16px}
.facil{margin-top:clamp(36px,4vw,64px);padding-top:22px;border-top:2px solid var(--ink)}
.facil h3{max-width:34ch;margin-bottom:18px}
.facil ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px var(--gut)}
.facil li{padding:12px 0;border-bottom:1px solid #cfcdc3;font-weight:700}
@media (max-width:900px){.passos{grid-template-columns:minmax(0,1fr)}.facil ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 7, 12, 16. seções de foto cheia ---------- */
.foto-sec{display:flex;align-items:center;min-height:min(900px,100svh);padding:clamp(40px,6vw,88px) max(var(--gut),calc((100% - var(--max))/2));background-color:#1d3a30;color:#fff}
.painel{position:relative;z-index:1;width:100%;max-width:640px;background-color:var(--mata);padding:clamp(22px,3vw,44px);display:grid;gap:14px}
.painel h3{margin-top:8px;font-size:clamp(18px,1.6vw,22px)}
.painel-dir{margin-left:auto}
.painel-dir .olho,.painel-dir h2{text-align:right}
.painel-esq{margin-right:auto}
.painel-centro{margin-inline:auto;text-align:center}
.painel-centro .botao{margin-top:6px}
.cta{min-height:min(720px,100svh)}
.bosque h2{font-size:clamp(28px,3.2vw,44px)}

/* ---------- 8. cores ---------- */
.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
.cards4 li{display:grid;gap:10px;align-content:start}
.cards4 img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px;background-color:var(--areia)}
.cards4 h3{font-size:18px}
.galeria img{aspect-ratio:4/3}
@media (max-width:900px){.cards4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 9, 10, 13. cartões de 3 ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.cards3>li,.cards3>article{display:grid;gap:12px;align-content:start}
.cards3 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}
.combos img,.raices-cols img{aspect-ratio:4/3}
.preco{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;font-variant-numeric:tabular-nums}
.preco b{font-size:clamp(22px,2vw,28px)}
.preco s{opacity:.85}
.raiz p{font-size:16px}
@media (max-width:900px){.cards3{grid-template-columns:repeat(2,minmax(0,1fr))}.combos,.raices-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.cards3{grid-template-columns:minmax(0,1fr)}}

/* ---------- 11. puffy ---------- */
.puffy-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut)}
.puffy-card{display:grid;gap:12px;align-content:start}
.puffy-foto{height:clamp(260px,32vw,440px)}
.puffy-foto img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:700px){.puffy-cols{grid-template-columns:minmax(0,1fr)}}

/* ---------- acréscimos de conteúdo: saúde (6), mais raízes (13), garantia (15) ---------- */
.cab-extra{margin-top:12px}
.saude{margin-top:clamp(36px,4vw,64px);padding-top:22px;border-top:2px solid var(--ink)}
.saude h3{max-width:34ch;margin-bottom:10px}
.saude-nota{margin-bottom:18px;font-size:14px;color:#4a4a44}
.saude ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px var(--gut)}
.saude li{display:grid;gap:6px;align-content:start;padding-top:12px;border-top:1px solid #cfcdc3}
.saude li b{font-size:18px;line-height:1.2}
.saude li span{font-size:16px}
.saude-fecho{margin-top:22px;font-size:clamp(19px,1.8vw,24px);font-weight:800;line-height:1.25;max-width:40ch}
@media (max-width:900px){.saude ul{grid-template-columns:minmax(0,1fr)}}
.raices-mas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut);margin-top:clamp(32px,4vw,56px);padding-top:22px;border-top:2px solid #04140d}
.raices-mas div{display:grid;gap:10px;align-content:start}
.raices-mas p{font-size:16px}
@media (max-width:900px){.raices-mas{grid-template-columns:minmax(0,1fr)}}
.garantia-topo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:start;margin-bottom:clamp(24px,3vw,44px)}
.garantia-topo .cab{margin-bottom:0}
.garantia-nota{display:grid;gap:12px;align-content:start;padding:clamp(20px,2.4vw,32px);background-color:#fff;border-top:4px solid var(--fresca)}
.garantia-nota h3{font-size:clamp(18px,1.6vw,22px)}
.garantia-nota p{font-size:16px}
@media (max-width:900px){.garantia-topo{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .risco::after{transition:none}
}