@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-700.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-800.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')}
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-mono-400.woff2) format('woff2')}
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-mono-700.woff2) format('woff2')}

:root{
  --crimson:#cc0136; --cream:#fef3e7; --lilac:#f9ceff; --mint:#d8efcb; --ink:#102112;
  --forest:#0d220e; --sand:#d8cdc1; --violet:#7433ff; --white:#fff;
  --max:1240px; --gut:clamp(1.25rem,4vw,3rem);
  --ease:cubic-bezier(.23,1,.32,1);
  --fd:'Bricolage Grotesque','Arial Black',system-ui,sans-serif;
  --fb:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fm:'Roboto Mono',ui-monospace,Menlo,monospace;
  --tx:var(--ink); --sobre-escuro:var(--cream); --acao:var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:1rem;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--cream);color:var(--tx);font:400 1.0625rem/1.6 var(--fb);touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
::selection{background:var(--lilac);color:var(--ink)}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.on-dark :focus-visible,.rodape :focus-visible,.pacote :focus-visible{outline-color:var(--cream)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
main section{overflow-x:clip;position:relative}
h1,h2,h3{font-family:var(--fd);font-weight:800;letter-spacing:-.02em;line-height:1.04;text-wrap:balance}
h2{font-size:clamp(2rem,3.6vw,3.2rem)}
h3{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.15}
p{text-wrap:pretty;max-width:62ch}

/* ---------- bloco obrigatório do pacote ---------- */
.pular{position:absolute;left:-999px;top:0;background:var(--cream);color:var(--ink);padding:.6rem 1rem;z-index:50}
.pular:focus{left:0}
.rascunho{background:var(--cream);color:var(--ink);font:700 .8125rem/1.3 var(--fb);text-align:center;padding:.4rem 1rem;border-bottom:1px solid var(--sand)}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--forest);color:var(--cream);padding:.55rem var(--gut)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:.25rem}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .9rem;color:var(--cream);text-decoration:none;font:700 .9375rem/1 var(--fb);border-radius:2px;transition:background-color .18s var(--ease),color .18s var(--ease)}
.pacote-abas a[aria-current="page"]{background:var(--lilac);color:var(--ink)}
.pacote-abas .curto{display:none}
@media (hover:hover) and (pointer:fine){.pacote-abas a:not([aria-current]):hover{background:rgba(254,243,231,.16)}}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.35rem 1.1rem;background:var(--crimson);color:#fff;text-decoration:none;font:700 .9375rem/1 var(--fb);border-radius:2px;white-space:nowrap;transition:background-color .18s var(--ease),transform .18s var(--ease)}
.chat:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.chat:hover{background:#a60129}}
@media (max-width:860px){
  .pacote{flex-direction:column;align-items:stretch}
  .pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}
  .pacote-abas{justify-content:center}
  .chat{width:100%}
}
.rodape{background:var(--forest);color:var(--cream);padding:2.5rem var(--gut);text-align:center;font-size:.9375rem}
.rodape p{margin:0 auto .75rem;max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:.4rem 1.2rem;background:var(--crimson);color:#fff;text-decoration:none;font-weight:700;border-radius:2px}
.rodape-fontes{color:#d8cdc1;font-size:.8125rem}

/* ---------- botões: quadrados, caixa alta, verde-escuro cheio ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.6rem;background:var(--ink);color:var(--cream);border:2px solid var(--ink);border-radius:0;font:700 1rem/1 var(--fb);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.btn:active{transform:scale(.97)}
.btn-line{background:transparent;color:var(--ink)}
.btn-cream{background:var(--cream);color:var(--ink);border-color:var(--cream)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:transparent;color:var(--ink)}
  .btn-line:hover{background:var(--ink);color:var(--cream)}
  .btn-cream:hover{background:transparent;color:var(--cream)}
}

/* ---------- revelação: estado escondido só sob .com-js ---------- */
.com-js .rv:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*80ms)}
.com-js .rv-wipe:not(.in){opacity:1;transform:none;clip-path:inset(0 100% 0 0)}
.com-js .rv-wipe{transition:clip-path 1.1s var(--ease);transition-delay:0s}
.com-js .rv-wipe.in{clip-path:inset(0 0 0 0)}
.com-js .busymom-circle:not(.in){transform:scale(.8)}

/* ---------- 1. abertura ---------- */
.open{display:grid;grid-template-columns:minmax(0,13fr) minmax(0,7fr);min-height:calc(100svh - 92px);background:var(--lilac)}
.open-photo{position:relative;min-height:560px;background:#9fd6d4}
.open-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%}
.open-panel{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:clamp(2rem,4vw,4rem) clamp(1.5rem,3.5vw,3.5rem);background-color:var(--lilac)}
.open-mark{font:700 .8125rem/1 var(--fm);letter-spacing:.06em;text-transform:uppercase}
.open h1{font-size:clamp(2.6rem,4.1vw,4.4rem);line-height:.98}
.open-lead{font-size:1.125rem;max-width:32ch}
.open-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
@media (max-width:860px){
  .open{grid-template-columns:minmax(0,1fr);min-height:0}
  .open-photo{min-height:0;aspect-ratio:1/1}
  .open-panel{padding:2rem var(--gut) 2.75rem}
  .open h1{font-size:2.6rem}
}

/* ---------- 2. faixa de claims ---------- */
.belt{background-color:var(--white);border-block:1px solid var(--sand)}
.belt-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:calc(var(--max) + 6rem);margin-inline:auto}
.belt-list li{display:flex;align-items:center;gap:.65rem;padding:1.4rem 1.1rem;font:700 .9375rem/1.3 var(--fb);border-inline-start:1px solid var(--sand)}
.belt-list li:first-child{border-inline-start:0}
.ic{width:1.5rem;height:1.5rem;flex:none;color:var(--crimson)}
@media (max-width:1100px){.belt-list{grid-template-columns:repeat(3,minmax(0,1fr))}.belt-list li:nth-child(3n+1){border-inline-start:0}.belt-list li:nth-child(n+4){border-top:1px solid var(--sand)}}
@media (max-width:600px){.belt-list{grid-template-columns:repeat(2,minmax(0,1fr))}.belt-list li{padding:1rem .8rem;font-size:.875rem}.belt-list li:nth-child(3n+1){border-inline-start:1px solid var(--sand)}.belt-list li:nth-child(2n+1){border-inline-start:0}.belt-list li:nth-child(n+3){border-top:1px solid var(--sand)}}

/* ---------- 3. quatro movimentos ---------- */
.moves{background-color:var(--cream);padding:clamp(3.5rem,8vw,7rem) var(--gut)}
.moves-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,5rem);max-width:var(--max);margin-inline:auto}
.moves-head{position:sticky;top:1.5rem;align-self:start;display:flex;flex-direction:column;gap:1.1rem}
.moves-lead{font-size:1.25rem;font-weight:700;line-height:1.35}
.moves-head .btn{align-self:flex-start;margin-top:.5rem}
.moves-list{display:flex;flex-direction:column;gap:clamp(3rem,6vw,5.5rem)}
.move{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center}
.move:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.move:nth-child(even) .move-pic{order:2}
.move-pic{max-width:560px;background:var(--sand)}
.move-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.move-txt{display:flex;flex-direction:column;gap:.75rem}
.move-n{font:800 clamp(3rem,5vw,4.5rem)/.9 var(--fd);color:var(--crimson)}
.move-txt p{font-size:1.0625rem}
@media (max-width:900px){
  .moves-in{grid-template-columns:minmax(0,1fr)}
  .moves-head{position:static}
  .move,.move:nth-child(even){grid-template-columns:minmax(0,1fr)}
  .move:nth-child(even) .move-pic{order:0}
  .move-pic{max-width:none}
}

/* ---------- 4. a caixa ---------- */
.crate{background-color:var(--lilac);padding:clamp(3.5rem,7vw,6rem) var(--gut)}
.crate-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,4vw,4rem);max-width:var(--max);margin-inline:auto;align-items:center}
.crate-ctl{display:flex;flex-direction:column;gap:1.25rem}
.crate-count{display:inline-block;color:var(--crimson);font-variant-numeric:tabular-nums}
.crate-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:0;margin:.25rem 0;padding:0;min-width:0}
.crate-pick label{display:block;cursor:pointer;min-width:0}
.pick-body{display:flex;flex-direction:column;gap:.35rem;min-height:100%;padding:1rem 1.1rem;border:3px solid var(--ink);background:var(--cream);transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.pick-body b{font:800 1.7rem/1 var(--fd);white-space:nowrap}
.pick-body small{font:700 .9375rem/1.2 var(--fm);font-variant-numeric:tabular-nums;white-space:nowrap}
.sr:checked + .pick-body{background:var(--ink);color:var(--cream)}
.sr:focus-visible + .pick-body{outline:3px solid var(--violet);outline-offset:3px}
.crate-pick label:active .pick-body{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.crate-pick label:hover .sr:not(:checked) + .pick-body{background:#fff}}
.crate-note{font:400 .9375rem/1.45 var(--fm)}
.crate-box{background:var(--cream);border:3px solid var(--ink);padding:clamp(.9rem,2vw,1.75rem)}
.crate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.4rem,.9vw,.7rem)}
.slot img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;background:var(--mint)}
.com-js .crate[data-size="12"] .slot.extra{display:none}
.slot.pop{animation:slotIn .55s var(--ease) both;animation-delay:calc(var(--k,0)*70ms)}
@keyframes slotIn{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:900px){.crate-in{grid-template-columns:minmax(0,1fr)}.crate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- 5. parede do menu ---------- */
.menuwall{background-color:var(--crimson);color:var(--cream);padding:clamp(3.5rem,7vw,6rem) 0 clamp(3rem,6vw,5rem);isolation:isolate}
.ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.ribbon-flip{transform:scaleX(-1)}
.menuwall-title{text-align:center;max-width:16ch;margin:0 auto;padding-inline:var(--gut);font-size:clamp(2.2rem,4.4vw,3.8rem)}
.menuwall-ctl{display:flex;justify-content:flex-end;gap:.6rem;max-width:var(--max);margin:2rem auto .9rem;padding-inline:var(--gut)}
.rail-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--cream);background:transparent;color:var(--cream);border-radius:50%;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.rail-btn svg{width:22px;height:22px}
.rail-btn:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.rail-btn:hover{background:var(--cream);color:var(--crimson)}}
.rail-list{display:flex;gap:1.1rem;width:max-content}
.rail{overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem max(var(--gut),calc((100vw - var(--max))/2)) 1rem;scroll-padding-inline:max(var(--gut),calc((100vw - var(--max))/2));scrollbar-width:thin;scrollbar-color:var(--cream) transparent}
.tile{flex:0 0 min(310px,78vw);scroll-snap-align:start;background-color:var(--tile,var(--lilac));color:var(--ink);display:flex;flex-direction:column;text-align:center}
.tile h3{padding:1.25rem 1rem .25rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-size:1.3rem}
.tile p{padding:0 1rem .75rem;margin-inline:auto;font-size:.9375rem;line-height:1.35}
.tile img{width:100%;aspect-ratio:1;object-fit:cover;margin-top:auto}

/* ---------- 6. prateleira de preços ---------- */
.shelf{background-color:var(--white);padding:clamp(3.5rem,7vw,6rem) var(--gut)}
.shelf-in{max-width:var(--max);margin-inline:auto}
.shelf-title{max-width:34ch;font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:clamp(2rem,4vw,3.25rem)}
.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}
.shelf-card{display:flex;flex-direction:column;gap:.65rem;border-top:3px solid var(--ink);padding-top:1rem}
.shelf-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--mint);margin-bottom:.35rem}
.shelf-cat{font:700 .8125rem/1 var(--fm);letter-spacing:.04em;text-transform:uppercase;color:var(--crimson)}
.shelf-price-s{font-size:clamp(1.25rem,1.8vw,1.6rem)!important;line-height:1.15!important}
.shelf-price{margin-top:auto;font:800 clamp(1.8rem,3vw,2.6rem)/1 var(--fd);padding-top:.5rem}
@media (max-width:900px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.shelf-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- 7. lotes LS ---------- */
.ledger{background-color:var(--mint);padding:clamp(3.5rem,7vw,6rem) var(--gut)}
.ledger-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,4vw,4rem);max-width:var(--max);margin-inline:auto;align-items:start}
.ledger-side{position:sticky;top:1.5rem;align-self:start;display:flex;flex-direction:column;gap:1.1rem}
.ledger-pic{max-width:420px;border:3px solid var(--ink);background:var(--cream)}
.ledger-pic img{width:100%;aspect-ratio:1;object-fit:cover}
.ledger-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.label{display:flex;flex-direction:column;gap:.55rem;background:var(--white);border:3px solid var(--ink);padding:1.1rem 1.1rem 1rem}
.label-batch{font:700 .8125rem/1 var(--fm);letter-spacing:.04em;text-transform:uppercase;color:var(--crimson)}
.label h3{font-size:1.35rem}
.label-with{font-weight:700;font-size:.9375rem}
.label p{font-size:.9375rem;line-height:1.45}
.label-note{font:400 .8125rem/1.45 var(--fm)}
.label-big{border-block:8px solid var(--ink);padding:.4rem 0;font:800 1.7rem/1 var(--fd);margin-top:.35rem}
.facts{display:flex;flex-direction:column;font:400 .8125rem/1.35 var(--fm);font-variant-numeric:tabular-nums}
.facts li{padding:.3rem 0;border-bottom:1px solid var(--ink)}
.facts .cal{border-bottom-width:6px;font:800 1.5rem/1.1 var(--fd)}
.label-quote{margin-top:auto;font-style:italic;font-size:.9375rem;padding-top:.4rem}
.label-by{font:700 .8125rem/1.2 var(--fm)}
@media (max-width:1000px){.ledger-in{grid-template-columns:minmax(0,1fr)}.ledger-side{position:static}.ledger-pic{display:inline-block;width:calc(50% - .6rem);vertical-align:top}}
@media (max-width:700px){.ledger-cards{grid-template-columns:minmax(0,1fr)}}

/* ---------- 8. garantia ---------- */
.guarantee{background-color:var(--crimson);color:var(--cream);padding:clamp(3.5rem,7vw,6rem) var(--gut);isolation:isolate}
.guarantee-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);max-width:var(--max);margin-inline:auto;align-items:center}
.guarantee-txt{display:flex;flex-direction:column;gap:1.1rem;align-items:flex-start}
.guarantee-txt h2{font-size:clamp(2.2rem,4.2vw,3.8rem)}
.guarantee-sub{font:700 1.25rem/1.2 var(--fd)}
.voice{background:var(--white);color:var(--ink);padding:clamp(1.25rem,2.4vw,2rem)}
.voice-tabs{display:flex;gap:.5rem;margin-bottom:1.1rem}
.voice-tab{min-height:44px;padding:.4rem 1.1rem;border:2px solid var(--ink);background:transparent;color:var(--ink);font:700 .875rem/1 var(--fm);cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease)}
.voice-tab[aria-selected="true"]{background:var(--ink);color:var(--cream)}
.voice-panel h3{font-size:clamp(1.5rem,2.2vw,2rem);margin-bottom:.75rem}
.voice-panel p{font-size:1rem}
.voice-by{margin-top:.75rem;font:700 .9375rem/1 var(--fm)}
.sem-js .voice-panel[hidden]{display:block;margin-top:1.5rem}
@media (max-width:860px){.guarantee-in{grid-template-columns:minmax(0,1fr)}}

/* ---------- 9. filosofia ---------- */
.goodthings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background-color:var(--cream)}
.goodthings-pic{position:relative;min-height:640px;background:var(--sand)}
.goodthings-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.goodthings-txt{display:flex;flex-direction:column;gap:1.4rem;justify-content:center;align-items:flex-start;padding:clamp(2.5rem,5vw,5rem) clamp(1.5rem,5vw,5rem)}
.seals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.5rem;width:100%}
.seals li{display:flex;align-items:center;gap:.8rem;font:700 1rem/1.25 var(--fb)}
.seal-ic{width:2.6rem;height:2.6rem;flex:none;color:var(--crimson)}
.fine{display:flex;flex-direction:column;gap:.35rem;font-size:.9375rem;border-top:1px solid var(--ink);padding-top:1rem;width:100%}
@media (max-width:860px){.goodthings{grid-template-columns:minmax(0,1fr)}.goodthings-pic{min-height:0;aspect-ratio:1/1}.seals{grid-template-columns:minmax(0,1fr)}}

/* ---------- 10. fundadora ---------- */
.busymom{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center;background-color:var(--white);padding:clamp(3.5rem,7vw,6rem) var(--gut);}
.busymom > *{max-width:calc(var(--max)/2)}
.busymom-txt{display:flex;flex-direction:column;gap:1.1rem;justify-self:end}
.busymom-txt h2{font-size:clamp(2rem,3.4vw,3rem)}
.busymom-kick{font:800 1.25rem/1.2 var(--fd);color:var(--crimson)}
.busymom-quote{display:flex;flex-direction:column;gap:.8rem;border-inline-start:4px solid var(--lilac);padding-inline-start:1.25rem}
.busymom-quote p{font-size:1rem;line-height:1.6;max-width:66ch}
.busymom-quote footer{font:800 1.3rem/1 var(--fd)}
.busymom-stage{position:relative;padding-bottom:clamp(3rem,8vw,6rem);justify-self:start;width:100%}
.busymom-big{max-width:560px;background:var(--sand)}
.busymom-big img{width:100%;aspect-ratio:4/3;object-fit:cover}
.busymom-circle{position:absolute;right:0;bottom:0;width:min(56%,300px);background:var(--mint);border:4px solid var(--white);border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--ink)}
.busymom-circle img{width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:900px){.busymom{grid-template-columns:minmax(0,1fr)}.busymom > *{max-width:none}.busymom-txt{justify-self:stretch}.busymom-big{max-width:none}}

/* ---------- 11. relógio de aquecimento ---------- */
.heat{background-color:var(--forest);color:var(--cream);padding:clamp(3.5rem,7vw,6rem) var(--gut)}
.heat-in{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,5.4fr) minmax(0,3.2fr);gap:clamp(1.5rem,3.5vw,3.5rem);max-width:calc(var(--max) + 2rem);margin-inline:auto;align-items:start}
.heat-pic{max-width:420px;background:var(--sand)}
.heat-pic img{width:100%;aspect-ratio:3/4;object-fit:cover}
.heat-main{display:flex;flex-direction:column;gap:1.1rem}
.heat-kick{font:700 .9375rem/1 var(--fm);color:var(--lilac)}
.heat-main h2{font-size:clamp(1.7rem,2.8vw,2.5rem);max-width:24ch}
.heat-how{font-size:1rem}
.bars{display:flex;flex-direction:column;gap:.9rem;margin-block:.4rem}
.bar-name{display:block;font:700 .8125rem/1 var(--fm);margin-bottom:.4rem;color:var(--mint)}
.bar-track{display:flex;gap:4px}
.bar-short{width:66%}
.seg{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 .4rem;background:var(--lilac);color:var(--ink);font:700 .875rem/1 var(--fm);white-space:nowrap;transform-origin:left center;transition:transform .9s var(--ease);transition-delay:calc(var(--i,0)*80ms + .15s)}
.seg-stir{background:var(--cream)}
.com-js .bar:not(.in) .seg{transform:scaleX(0)}
.heat-small{font-size:.9375rem;color:var(--sand)}
.heat-ring{position:sticky;top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}
.ring-wrap{position:relative;width:min(100%,230px)}
.ring-wrap svg{width:100%;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:rgba(254,243,231,.2);stroke-width:7}
.ring-fill{fill:none;stroke:var(--lilac);stroke-width:7;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease) .2s}
.com-js .heat-ring:not(.in) .ring-fill{stroke-dashoffset:100}
.ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(2rem,3vw,2.7rem)/1 var(--fd);max-width:none}
.ring-cap{font-size:.9375rem;color:var(--sand)}
@media (max-width:1000px){.heat-ring{position:static}.heat-in{grid-template-columns:minmax(0,1fr)}.heat-pic{max-width:none}.heat-pic img{aspect-ratio:3/2}.bar-short{width:70%}}
@media (max-width:480px){.seg{font-size:.75rem;padding:0 .2rem}}

/* ---------- 12. duas formas de Spoon ---------- */
.duo{background-color:var(--cream);padding:clamp(3.5rem,7vw,6.5rem) var(--gut)}
.duo-title{text-align:center;max-width:none;font-size:clamp(2.4rem,4.6vw,4rem);margin-bottom:clamp(2rem,4vw,3.5rem)}
.duo-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1060px;margin-inline:auto}
.duo-col{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;padding:0 clamp(1.25rem,4vw,3.5rem)}
.duo-col + .duo-col{border-inline-start:1px solid var(--ink)}
.duo-pic{width:100%;max-width:440px;background:var(--sand);margin-bottom:.5rem}
.duo-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.duo-pre{font:400 .9375rem/1 var(--fm)}
.duo-col h3{font-size:clamp(2.2rem,3.6vw,3.2rem);color:var(--crimson)}
.duo-if{font-weight:700}
.ticks{display:flex;flex-direction:column;gap:.6rem}
.ticks li{display:flex;gap:.6rem;align-items:flex-start;font-size:1rem;line-height:1.4}
.ticks .ic{margin-top:.1rem;width:1.35rem;height:1.35rem}
.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}
.chips li{padding:.55rem .4rem;border:2px solid var(--ink);text-align:center;font:700 .8125rem/1.2 var(--fm)}
.duo-price{font:800 clamp(2rem,3vw,2.6rem)/1 var(--fd);font-variant-numeric:tabular-nums}
.duo-col .btn{margin-top:1rem}
@media (max-width:760px){.duo-cols{grid-template-columns:minmax(0,1fr);gap:2.75rem}.duo-col{padding:0}.duo-col + .duo-col{border-inline-start:0;border-top:1px solid var(--ink);padding-top:2.5rem}.duo-pic{max-width:none}}

/* ---------- 13. perguntas e escada ---------- */
.pantry{background-color:var(--sand);padding:clamp(3.5rem,7vw,6rem) var(--gut)}
.pantry-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,5vw,4.5rem);max-width:var(--max);margin-inline:auto;align-items:start}
.pantry-faq{display:flex;flex-direction:column;gap:.7rem}
.pantry-faq h2{margin-bottom:.7rem}
details{background:var(--cream);border:2px solid var(--ink);padding:0}
summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.1rem;min-height:48px;font:700 1.05rem/1.3 var(--fb);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:1.1rem;top:50%;translate:0 -52%;font:800 1.6rem/1 var(--fd);transition:rotate .25s var(--ease)}
details[open] summary::after{rotate:45deg}
details p{padding:0 1.1rem 1rem;font-size:1rem}
details p + p{padding-top:0}
.pantry-steps{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:.9rem;align-self:start}
.stair{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;align-items:end;margin-top:.8rem}
.step{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:.8rem .7rem;color:var(--cream);min-height:calc(130px + var(--h)*58px);background:var(--forest);transform-origin:bottom;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.step b{font:800 1.45rem/1 var(--fd);color:var(--lilac);white-space:nowrap}
.step span{font-size:.8125rem;line-height:1.35}
.com-js .step.rv:not(.in){transform:scaleY(.4)}
@media (max-width:1000px){.pantry-in{grid-template-columns:minmax(0,1fr)}.pantry-steps{position:static}}
@media (max-width:520px){.stair{grid-template-columns:minmax(0,1fr)}.step{min-height:0;margin-inline-end:calc((4 - var(--h))*9%)}}

/* ---------- 14. reciclagem ---------- */
.loop{background-color:var(--white);padding:clamp(3.5rem,7vw,6rem) var(--gut)}
.loop-in{max-width:var(--max);margin-inline:auto;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}
.loop-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}
.loop-head h2{max-width:14ch}
.loop-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem)}
.loop-nums li{border-top:6px solid var(--crimson);padding-top:.9rem;display:flex;flex-direction:column;gap:.7rem}
.loop-nums b{font:800 clamp(2.6rem,5.2vw,4.8rem)/.95 var(--fd);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.loop-nums p{font-size:.9375rem;line-height:1.5}
.loop-how{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.loop-pic{max-width:480px;background:var(--sand)}
.loop-pic img{width:100%;aspect-ratio:1/1;object-fit:cover}
.loop-steps{display:flex;flex-direction:column;gap:1.1rem}
.loop-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.loop-steps li{display:flex;flex-direction:column;gap:.5rem;background:var(--mint);padding:1.1rem}
.loop-steps h4{font:800 1.15rem/1.15 var(--fd)}
.loop-steps li p{font-size:.9375rem;line-height:1.45}
@media (max-width:1000px){.loop-head{grid-template-columns:minmax(0,1fr)}.loop-nums{grid-template-columns:minmax(0,1fr)}.loop-how{grid-template-columns:minmax(0,1fr)}.loop-pic{max-width:none}.loop-pic img{aspect-ratio:4/3}.loop-steps ol{grid-template-columns:minmax(0,1fr)}}

/* ---------- 15. fecho ---------- */
.spoon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background-color:var(--lilac);min-height:520px}
.spoon-txt{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:flex-start;padding:clamp(3rem,6vw,5.5rem) clamp(1.5rem,5vw,5rem)}
.spoon-txt h2{font-size:clamp(3.6rem,9vw,8.5rem);line-height:.9;letter-spacing:-.035em}
.spoon-txt h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.spoon-avail{font:400 .9375rem/1.4 var(--fm)}
.spoon-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
.spoon-pic{position:relative;min-height:360px;background:#9fd6d4}
.spoon-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.spoon{grid-template-columns:minmax(0,1fr)}.spoon-pic{min-height:0;aspect-ratio:3/2}}

.cnt.tick{display:inline-block;animation:tick .6s var(--ease) both}
@keyframes tick{from{opacity:.15;transform:translateY(.35em)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .cnt.tick{animation:none}
  .com-js .rv:not(.in){transform:none}
  .com-js .rv-wipe:not(.in){clip-path:none;opacity:0}
  .com-js .rv-wipe{transition:opacity .4s linear}
  .com-js .busymom-circle:not(.in){transform:none}
  .com-js .step.rv:not(.in){transform:none}
  .com-js .bar:not(.in) .seg{transform:none}
  .seg,.ring-fill{transition:none}
  .slot.pop{animation:none}
  *{scroll-behavior:auto!important}
}