@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/josefin-sans-600.woff2) format('woff2')}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/josefin-sans-700.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-sans-400.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-sans-700.woff2) format('woff2')}

:root{--bg:#f8f8f8;--ink:#2b2b2b;--cream:#f2ebde;--sage:#8cb08f;--coral:#e67272;--coral-d:#b84141;--link:#a63a3a;--forest:#1f3027;--teal:#24404c;--gold:#d8bd6c;--mint:#e1ede9;--hf:'Josefin Sans',system-ui,sans-serif;--bf:'Nunito Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--bf);font-size:17px;line-height:1.55;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--hf);font-weight:700;line-height:1.12;margin:0 0 .4em}
p{margin:0 0 .9em}
ul,ol{margin:0;padding:0}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--coral-d);outline-offset:2px}

/* bloco do pacote */
.pular{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:12px 16px;z-index:100;border-radius:6px}
.pular:focus{left:8px}
.rascunho{background:var(--ink);color:#fff;text-align:center;font-size:.85rem;padding:8px 16px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 20px;background:#fff;border-bottom:1px solid #e3dccd}
.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:6px;color:var(--ink);text-decoration:none;font-family:var(--hf);font-weight:600}
.pacote-abas a:hover{background:var(--cream)}
.pacote-abas a[aria-current="page"]{background:var(--cream);box-shadow:inset 0 -3px 0 var(--coral-d)}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:var(--coral-d);color:#fff;border-radius:6px;text-decoration:none;font-family:var(--hf);font-weight:700}
.rodape{background:var(--forest);color:#f4efe4;text-align:center;padding:44px 24px}
.rodape p{max-width:720px;margin:0 auto 14px}
.rodape a{color:var(--gold)}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 24px;background:var(--gold);color:#1f1a14!important;border-radius:6px;text-decoration:none;font-weight:700}
.rodape-fontes{font-size:.85rem;color:#cfd8cf}

/* base das seções */
section{overflow-x:clip;padding:64px 0;color:var(--ink)}
.sec-in{max-width:1200px;margin:0 auto;padding:0 24px}
.aba{display:inline-block;margin:0 0 18px;padding:6px 14px;background:var(--ink);color:#fff;border-radius:8px 8px 0 0;font-family:var(--hf);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{margin:0 0 .5em;font-family:var(--hf);font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eb,#3d5f43)}
.t{font-size:clamp(2rem,4.2vw,3.2rem)}
.lede{font-size:1.15rem;max-width:62ch;color:inherit}
.big{font-family:var(--hf);font-weight:700;font-size:2.2rem;line-height:1;margin:0 0 .3em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--coral-d);color:#fff;border-radius:6px;text-decoration:none;font-family:var(--hf);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.btn:hover{background:#9c3434}
.seta{display:inline-flex;align-items:center;min-height:44px;font-family:var(--hf);font-weight:700;letter-spacing:.04em;color:var(--link);text-decoration:none}
.seta:hover{text-decoration:underline}
.centro{text-align:center}
.carimbo{display:inline-flex;align-items:center;justify-content:center;width:124px;height:124px;border:3px dashed var(--link);border-radius:50%;color:var(--link);font-family:var(--hf);font-weight:700;font-size:1.05rem;line-height:1.1;text-align:center;padding:14px;transform:rotate(-12deg)}
.hero-acoes{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:22px}

/* revelação */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js section:not(.in) .rv{opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){.rv{transition:none}.com-js section:not(.in) .rv{opacity:1;transform:none}html{scroll-behavior:auto}}

/* 1 hero */
#hero{background:var(--cream);padding-top:40px}
.hero-top h1{font-size:clamp(2.4rem,6.2vw,4.8rem);max-width:15em;margin-bottom:.35em}
.pilula{display:inline-block;background:#fff;padding:6px 16px;border-radius:999px;font-weight:700;font-size:.92rem;margin:0 0 18px}
.pilula span{color:#8a6d3b}
.tira{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:34px}
.tira figure{margin:0}
.tira img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.tira figcaption{font-size:.85rem;margin-top:8px;color:#3a3a3a}

/* 2 hoje */
.mini{font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:#3d5f43;margin-bottom:16px}
#hoje{padding:40px 0}
.hoje-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.promo{display:flex;gap:16px;align-items:center;padding:18px;border-radius:14px;background:#fde8e6}
.promo:nth-child(3){background:#d3e4e0}
.promo h3{font-size:1.05rem;margin-bottom:.2em}
.promo p{margin:0 0 .3em}
.miniatura{flex:0 0 96px;width:96px;height:96px;background:#fff;border-radius:12px;overflow:hidden}
.miniatura img{width:100%;height:100%;object-fit:contain}
.promo:nth-child(2) .miniatura img,.promo:nth-child(3) .miniatura img{object-fit:cover}
.preco{font-family:var(--hf);font-weight:700;color:var(--link)}

/* 3 fichário */
#fichario{background:#fff}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.chips li{background:var(--cream);padding:9px 18px;border-radius:999px;font-weight:700}
.fichas{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ficha{display:flex;flex-direction:column;background:#fff;border:1px solid #e3dccd;border-radius:12px;overflow:hidden}
.ficha figure{margin:0}
.ficha img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ficha h3{font-size:.98rem;margin:12px 12px .3em}
.ficha .ing{font-size:.86rem;color:#4a4a4a;margin:0 12px 14px}
.ficha.texto{background:var(--cream)}
.ficha .tag{margin:0;aspect-ratio:4/3;display:grid;place-items:center;background:var(--sage);color:#14231a;font-family:var(--hf);font-weight:700;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}

/* 4 três formas */
#tres-formas{background:var(--sage);color:#14231a;--eb:#14231a}
#tres-formas .aba{background:#14231a}
.vias{display:grid;gap:16px;margin-top:26px}
.via{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr) minmax(0,230px);gap:24px;align-items:stretch;background:#fff;color:var(--ink);border-radius:14px;overflow:hidden}
.via img{width:100%;height:100%;min-height:170px;object-fit:cover}
.via-corpo{padding:18px 0}
.via-corpo h3{font-size:1.4rem}
.via-preco{padding:18px 22px 18px 0;text-align:right;display:flex;flex-direction:column;justify-content:center}
.nota{color:#6b5316;font-weight:700;font-size:.92rem}

/* 5 Katie */
#katie{background:var(--forest);color:#f4efe4;--eb:var(--gold)}
#katie .aba,#diluicao .aba,#cta-final .aba{background:var(--gold);color:#1f1a14}
#katie a,#diluicao a,#cta-final a:not(.btn){color:var(--gold)}
.katie-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:stretch}
.papel{margin:0 0 1em;color:#f4efe4}
.cit{margin:22px 0;padding:6px 0 6px 20px;border-left:4px solid var(--gold);font-style:italic}
.cit p{margin:0 0 .4em}
.cit footer{font-style:normal;font-weight:700}
.pilulas{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.pilulas li{border:1px solid rgba(244,239,228,.5);padding:9px 18px;border-radius:999px;font-weight:700}
.katie-fotos{position:relative;min-height:520px}
.katie-fotos img{position:absolute;left:0;width:100%;height:calc(50% - 8px);object-fit:cover;border-radius:14px}
.katie-fotos img:first-child{top:0}
.katie-fotos img:last-child{bottom:0}

/* 6 origem */
.origem-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:44px;align-items:stretch}
.passos{list-style:none;margin-top:20px}
.passos li{border-left:3px solid var(--sage);padding:2px 0 2px 20px;margin-bottom:18px}
.passos h3{font-size:1.25rem}
.fecho{font-family:var(--hf);font-weight:700;font-size:1.2rem;color:var(--link)}
.origem-foto,.causa-foto,.guia-foto,.cta-foto{position:relative;min-height:340px}
.origem-foto img,.causa-foto img,.guia-foto img,.cta-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px}

/* 7 promessa */
#pure-promise{background:var(--coral);color:#1f1a14;--eb:#1f1a14}
#pure-promise .aba{background:#1f1a14;color:#fff}
.pure-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:stretch}
.promessas{list-style:none}
.promessas li{border-top:2px solid rgba(31,26,20,.4);padding:14px 0 6px}
.promessas h3{font-size:1.3rem;margin-bottom:.2em}
.mapa{background:#fff;border-radius:14px;padding:22px;display:flex;align-items:center}
.mapa img{width:100%;height:auto}

/* 8 fazendas */
#fazendas .sec-in>.aba,#fazendas .t,#fazendas .lede{text-align:center;margin-left:auto;margin-right:auto}
#fazendas .sec-in>.aba{display:table}
.faz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.faz{background:#fff;border-radius:14px;overflow:hidden;padding-bottom:18px;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.faz img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:14px}
.faz h3,.faz p{margin-left:18px;margin-right:18px}

/* 9 oficina */
#oficina{background:var(--cream)}
.oficina-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:stretch}
.colagem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.colagem img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:12px}
.opcoes{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.opcoes li{background:#fff;border-radius:12px;padding:14px 16px}
.opcoes h3{font-size:1.05rem;margin-bottom:.1em}
.opcoes p{margin:0;font-size:.92rem}
.detalhes{margin-left:1.1em;font-size:.95rem}
.detalhes li{margin-bottom:.4em}

/* 10 catálogo */
.etiquetas{list-style:none;column-width:250px;column-gap:32px;margin-top:24px}
.etiquetas li{break-inside:avoid}
.etq{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:44px;padding:9px 0;border-bottom:1px dotted #8f8470;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.etq:hover .n{text-decoration:underline}
.etq .n{flex:1;min-width:0}
.etq .p{font-family:var(--hf);font-weight:700;color:var(--link);white-space:nowrap}

/* 11 diluição */
#diluicao{background:var(--teal);color:#f4efe4}
.dil-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;align-items:start}
.tabela-card{margin:0;background:#fff;color:var(--ink);border-radius:14px;padding:16px;position:sticky;top:16px}
.tabela-card img{width:100%}
.tabela-card figcaption{margin-top:10px;font-size:.92rem}
.curso-foto{width:100%;max-width:560px;border-radius:14px;margin:18px 0}

/* 12 números */
#numeros{background:var(--gold);color:#1f1a14}
#numeros .aba{background:#1f1a14;color:#fff}
#numeros .sec-in>.aba{display:table;margin-left:auto;margin-right:auto}
#numeros .t{text-align:center}
.faixa-foto{background:#fff;border-radius:14px;padding:12px;margin:22px 0}
.faixa-foto img{width:100%}
.stats{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;text-align:center}
.stats .big{font-size:3.2rem}

/* 13 causa */
.causa-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:stretch}
.causa-grid h3{margin-top:1em;color:var(--link)}

/* 14 parceiros */
.parc-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 34px}
.parc{background:#fff;border:1px solid #e3dccd;border-radius:14px;padding:16px;display:flex;flex-direction:column}
.parc .logo{background:#fff;border-bottom:1px solid #eee;height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.parc .logo img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.parc h3{font-size:1.1rem}
.parc p{font-size:.92rem;margin:0}
.tambem-t{font-size:1.2rem}
.tambem{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;font-size:.95rem}

/* 15 guia */
#guia{background:var(--mint)}
.guia-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:stretch}

/* 16 embaixadores */
.emb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.emb{background:#fff;border:1px solid #e3dccd;border-radius:14px;overflow:hidden;padding-bottom:12px}
.emb img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:14px}
.emb h3,.emb p,.emb ol{margin-left:18px;margin-right:18px}
.emb h3{font-size:1.15rem}
.mini-passos{padding-left:1.1em;font-size:.93rem}
.mini-passos li{margin-bottom:.6em}

/* 17 cta */
#cta-final{background:var(--forest);color:#f4efe4}
.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:stretch}
#cta-final .carimbo{color:var(--gold);border-color:var(--gold)}
#cta-final .btn{background:var(--gold);color:#1f1a14}

@media (max-width:999px){
  .tira{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fichas{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hoje-grid{grid-template-columns:minmax(0,1fr)}
  .parc-grid,.faz-grid,.emb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .katie-grid,.origem-grid,.pure-grid,.oficina-grid,.dil-grid,.causa-grid,.guia-grid,.cta-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .via{grid-template-columns:minmax(0,1fr)}
  .via img{aspect-ratio:16/9;height:auto;min-height:0}
  .via-corpo{padding:0 20px}
  .via-preco{padding:0 20px 20px;text-align:left}
  .tabela-card{position:static}
  .emb-grid,.faz-grid{grid-template-columns:minmax(0,1fr)}
  .tambem{grid-template-columns:minmax(0,1fr)}
  .katie-fotos{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .katie-fotos img{position:static;height:240px;width:100%}
  .colagem{grid-auto-rows:minmax(150px,1fr)}
}
@media (max-width:699px){
  .fichas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parc-grid{grid-template-columns:minmax(0,1fr)}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 9px}
  .pacote{padding:6px 10px}
}
@media (max-width:599px){
  body{font-size:16px}
  section{padding:48px 0}
  .sec-in{padding:0 18px}
  .tira{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opcoes{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:minmax(0,1fr)}
  .carimbo{width:104px;height:104px;font-size:.9rem}
}
/* p11:grade-orfa .chips celular */
@media (max-width:600px){.chips{display:grid;grid-template-columns:1fr 1fr;max-width:none}.chips>*:last-child:nth-child(odd){grid-column:1/-1}}