/* ============================================================
   Método Tortinhas Lucrativas — página de vendas
   Padrão de acabamento: ref. Nutricionista (Behance) — cards brancos
   com cabeçalho em pílula, botão em degradê com brilho, sombras suaves
   em camadas, blobs orgânicos, ritmo claro e arejado.
   Paleta: verde musgo / branco / bege, amostrada das fotos da Lindeise.
   ============================================================ */

@font-face { font-family:"Fraunces"; src:url("assets/fonts/Fraunces-normal.woff2") format("woff2-variations"); font-weight:300 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Fraunces"; src:url("assets/fonts/Fraunces-italic.woff2") format("woff2-variations"); font-weight:300 900; font-style:italic; font-display:swap; }
@font-face { font-family:"Karla"; src:url("assets/fonts/Karla-normal.woff2") format("woff2-variations"); font-weight:300 800; font-style:normal; font-display:swap; }
@font-face { font-family:"Karla"; src:url("assets/fonts/Karla-italic.woff2") format("woff2-variations"); font-weight:300 800; font-style:italic; font-display:swap; }

:root {
  --musgo-900:#26301F;
  --musgo-700:#37472C;
  --musgo-600:#47593C;
  --musgo-500:#5B7145;
  --sage:#8D9E79;
  --sage-100:#E4E9DA;
  --sage-50:#EEF1E7;
  --creme:#FBF8F1;
  --creme-2:#F5EFE3;
  --bege:#EBE0CD;
  --dourado:#C0863A;
  --dourado-100:#E7CE9E;
  --tomate:#B44A2E;
  --tinta:#2A2E22;
  --marrom:#6E6656;      /* corpo de texto quente */
  --linha:rgba(38,48,31,.09);

  --grad-verde:linear-gradient(135deg,#6E8A50 0%,#4E6338 55%,#3D4E2E 100%);
  --grad-verde-hover:linear-gradient(135deg,#79965A 0%,#546B3D 55%,#43552F 100%);

  --display:"Fraunces","Iowan Old Style",Georgia,serif;
  --sans:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;

  --wrap:1180px;
  --r:26px;
  --r-lg:34px;
  /* sombra suave em duas camadas, direção única */
  --sombra:0 30px 60px -34px rgba(38,48,31,.30), 0 10px 24px -18px rgba(38,48,31,.16);
  --sombra-sm:0 16px 34px -22px rgba(38,48,31,.26);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; background:var(--creme); color:var(--tinta);
  font-family:var(--sans); font-size:17.5px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img { max-width:100%; display:block; }

.wrap { max-width:var(--wrap); margin-inline:auto; padding-inline:26px; }
.narrow { max-width:820px; margin-inline:auto; }

h1,h2,h3,h4 { font-family:var(--display); font-weight:600; margin:0; text-wrap:balance; letter-spacing:-.015em; font-variation-settings:"opsz" 120,"SOFT" 30; }
h1 { font-size:clamp(35px,5.4vw,64px); line-height:1.03; }
h2 { font-size:clamp(29px,3.9vw,47px); line-height:1.08; }
h3 { font-size:clamp(21px,1.7vw,26px); line-height:1.22; letter-spacing:-.01em; }
p { margin:0 0 18px; color:var(--marrom); }
p:last-child { margin-bottom:0; }
strong,b { color:var(--tinta); font-weight:700; }

/* destaque no título: itálico dourado */
.hl { font-style:italic; color:var(--dourado); font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1; }
.hl-verde { font-style:italic; color:var(--musgo-600); }

.eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:700;
  color:var(--musgo-500); margin:0 0 20px;
}
.eyebrow svg { width:15px; height:15px; opacity:.9; }
.eyebrow.center { justify-content:center; }

section { position:relative; padding:clamp(78px,9vw,132px) 0; }

/* divisor ornamental entre seções */
.divisor { display:flex; align-items:center; justify-content:center; gap:20px; padding:6px 0; }
.divisor::before, .divisor::after { content:""; height:1px; width:min(160px,22vw); background:var(--linha); }
.divisor svg { width:30px; height:30px; color:var(--dourado); flex:none; }

/* ---------------- nav ---------------- */
.nav { position:sticky; top:18px; z-index:50; display:flex; justify-content:center; }
.nav-in {
  display:flex; align-items:center; gap:22px;
  background:rgba(251,248,241,.80); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.6); box-shadow:var(--sombra-sm);
  border-radius:100px; padding:8px 8px 8px 26px;
}
.nav .marca { font-family:var(--display); font-weight:600; font-size:17px; }
.nav .marca span { color:var(--dourado); font-style:italic; }

/* ---------------- botões (degradê + brilho) ---------------- */
.btn {
  display:inline-flex; align-items:center; gap:14px;
  background:var(--grad-verde); color:#F7F4EA;
  font-family:var(--sans); font-weight:700; font-size:16px; line-height:1;
  padding:9px 28px 9px 9px; border-radius:100px; border:0; text-decoration:none; cursor:pointer;
  box-shadow:0 18px 34px -14px rgba(71,89,60,.62), inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .22s ease;
}
.btn .ic {
  width:42px; height:42px; border-radius:50%; flex:none;
  background:rgba(255,255,255,.16); display:grid; place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  transition:transform .22s ease;
}
.btn .ic svg { width:16px; height:16px; stroke:#F7F4EA; }
.btn.lg { font-size:17px; padding:11px 34px 11px 11px; }
.btn.lg .ic { width:48px; height:48px; }
.btn:hover { background:var(--grad-verde-hover); transform:translateY(-2px); box-shadow:0 24px 44px -16px rgba(71,89,60,.66), inset 0 1px 0 rgba(255,255,255,.3); }
.btn:hover .ic { transform:translateX(3px); }
.btn:focus-visible { outline:3px solid var(--dourado); outline-offset:3px; }
/* botão secundário contornado */
.btn.ghost { background:transparent; color:var(--musgo-700); border:1.6px solid var(--sage); box-shadow:none; padding-left:26px; }
.btn.ghost .ic { background:var(--sage-100); box-shadow:none; }
.btn.ghost .ic svg { stroke:var(--musgo-700); }
.btn.ghost:hover { background:var(--musgo-900); color:#F7F4EA; border-color:var(--musgo-900); }
.btn.ghost:hover .ic svg { stroke:#F7F4EA; }

/* selo de confiança abaixo do CTA */
.trust {
  display:inline-flex; align-items:center; gap:10px; margin-top:18px;
  padding:9px 18px; border-radius:100px; background:var(--sage-50); border:1px solid var(--linha);
  font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--musgo-600);
}
.trust svg { width:15px; height:15px; }

/* ---------------- pílula de cabeçalho ---------------- */
.tag {
  display:inline-flex; align-items:center; gap:9px;
  background:var(--musgo-900); color:#EDEFE4; border-radius:100px; padding:7px 15px 7px 8px;
  font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:800;
}
.tag .dot { width:22px; height:22px; border-radius:50%; background:var(--dourado); color:var(--musgo-900); display:grid; place-items:center; font-size:11px; font-weight:800; flex:none; }
.tag.solta { background:var(--sage-100); color:var(--musgo-700); }

/* ---------------- selo giratório ---------------- */
.selo { width:118px; height:118px; position:relative; flex:none; }
.selo svg { width:100%; height:100%; animation:gira 30s linear infinite; }
.selo text { font-family:var(--sans); font-size:9.6px; letter-spacing:.24em; font-weight:700; fill:var(--musgo-600); text-transform:uppercase; }
.selo .miolo { position:absolute; inset:29%; border-radius:50%; background:var(--musgo-900); display:grid; place-items:center; }
.selo .miolo svg { width:46%; height:46%; animation:none; }
@keyframes gira { to { transform:rotate(360deg); } }

section>.wrap, header>.wrap { position:relative; z-index:1; }

/* ================= HERO (verde escuro, recorte) ================= */
.hero {
  background:
    radial-gradient(130% 120% at 74% 8%, #3E5136 0%, #2C3826 46%, #212B1B 74%, #19220F 100%);
  color:#E7E9DC; overflow:hidden; position:relative;
  padding-top:clamp(30px,4vw,54px); padding-bottom:clamp(50px,6vw,90px);
}
.hero::before { /* brilho ambiente */
  content:""; position:absolute; width:60%; height:80%; right:8%; top:-10%;
  background:radial-gradient(circle, rgba(141,165,131,.28) 0%, transparent 62%); filter:blur(20px); z-index:0;
}
.hero-in { display:grid; grid-template-columns:1.04fr .96fr; gap:clamp(28px,4vw,60px); align-items:center; }
.hero .marca-top { font-family:var(--display); font-size:19px; font-weight:600; color:#D7DDC8; margin-bottom:26px; display:flex; align-items:center; gap:12px; }
.hero .marca-top b { color:var(--dourado-100); font-style:italic; font-weight:600; }
.hero .marca-top .risco { width:34px; height:2px; background:var(--dourado); border-radius:2px; }
.hero h1 { margin:0 0 22px; color:#FBF8F1; }
.hero .hl-verde { color:var(--sage); }
.hero .sub { font-size:19px; max-width:45ch; color:#C4CBB4; }
.hero-cta { margin-top:34px; display:flex; flex-direction:column; align-items:flex-start; }
/* botão com brilho verde forte */
.hero .btn { box-shadow:0 0 0 1px rgba(141,165,131,.25), 0 18px 44px -10px rgba(120,150,90,.55), inset 0 1px 0 rgba(255,255,255,.3); }
.hero .trust { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.14); color:var(--dourado-100); }
.hero-fatos { display:flex; gap:22px; margin-top:38px; flex-wrap:wrap; }
.hero-fatos span { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#B7BFA4; }
.hero-fatos i { width:7px; height:7px; border-radius:50%; background:var(--dourado); flex:none; }

.hero-media { position:relative; min-height:600px; display:flex; align-items:center; justify-content:center; }
.hero-media .ring { /* anel de brilho atrás dela */
  position:absolute; z-index:0; width:min(560px,96%); aspect-ratio:1; left:50%; top:46%; transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle, transparent 39%, rgba(160,185,140,.22) 46%, rgba(141,165,131,.07) 55%, transparent 61%),
    radial-gradient(circle, rgba(190,210,160,.16) 0%, transparent 54%);
}
.hero-media .cut { position:relative; z-index:2; width:auto; max-width:100%; max-height:min(70vh,640px); filter:drop-shadow(0 26px 38px rgba(0,0,0,.48)); }
.hero-media .selo-flut { position:absolute; z-index:3; left:2%; top:34%; }
.hero-media .selo-flut .selo text { fill:var(--dourado-100); }
.hero-media .selo-flut .selo .miolo { background:var(--dourado); }
/* pílulas flutuando */
.float { position:absolute; z-index:3; display:inline-flex; align-items:center; gap:10px;
  background:rgba(251,248,241,.94); backdrop-filter:blur(6px);
  border-radius:100px; padding:11px 18px 11px 12px; box-shadow:var(--sombra);
  font-size:13px; font-weight:700; color:var(--musgo-900); white-space:nowrap; }
.float .fi { width:30px; height:30px; border-radius:50%; background:var(--sage-100); color:var(--musgo-600); display:grid; place-items:center; flex:none; }
.float .fi svg { width:16px; height:16px; }
.float.f1 { right:-2%; top:20%; }
.float.f2 { left:-4%; top:60%; }
.float.f3 { right:2%; bottom:16%; }

@media (max-width:940px){
  .hero-in { grid-template-columns:1fr; gap:20px; }
  .hero-in > * { min-width:0; }
  .hero .sub { max-width:none; }
  .hero-media { min-height:0; margin-top:8px; }
  .hero-media .cut { max-width:min(380px,100%); }
  .float.f1 { right:0; top:0; } .float.f2 { left:0; top:auto; bottom:30%; } .float.f3 { right:2%; bottom:6%; }
  .hero-media .selo-flut { left:0; top:26%; transform:scale(.82); }
}
@media (max-width:560px){ .float { font-size:11.5px; padding:9px 14px 9px 9px; } .float .fi { width:26px; height:26px; } }

/* ---------------- faixa marquee ---------------- */
.faixa-wrap { overflow:hidden; position:relative; z-index:2; }
.faixa { background:var(--dourado); color:#FBF4E6; overflow:hidden; transform:rotate(-1.6deg) scale(1.04); margin:6px 0; padding:15px 0; }
.faixa.inversa { transform:rotate(1.4deg) scale(1.04); background:var(--musgo-900); color:var(--dourado-100); }
.faixa-track { display:flex; width:max-content; animation:desliza 36s linear infinite; }
.faixa span { font-size:12.5px; letter-spacing:.26em; text-transform:uppercase; font-weight:800; display:flex; align-items:center; gap:34px; white-space:nowrap; padding-right:34px; }
.faixa span::after { content:"✦"; letter-spacing:0; opacity:.7; }
@keyframes desliza { to { transform:translateX(-50%); } }

/* ================= A RECEITA ================= */
.receita { background:var(--creme-2); }
.receita-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(34px,5vw,74px); align-items:center; }
.receita-media { position:relative; }
.receita-media img { border-radius:var(--r-lg); box-shadow:var(--sombra); aspect-ratio:4/5; object-fit:cover; }
.receita-media .selo-flut { position:absolute; right:-24px; top:-24px; background:var(--creme); border-radius:50%; padding:10px; box-shadow:var(--sombra-sm); }
.fatos { display:grid; margin:30px 0 0; padding:0; }
.fatos li { list-style:none; display:grid; grid-template-columns:46px 1fr; gap:16px; align-items:baseline; padding:18px 0; border-bottom:1px solid var(--linha); }
.fatos li:first-child { border-top:1px solid var(--linha); }
.fatos .num { font-family:var(--display); font-size:16px; font-weight:600; color:var(--dourado); font-variant-numeric:tabular-nums; }
.receita .assinatura { font-family:var(--display); font-style:italic; font-size:clamp(23px,2.5vw,31px); color:var(--musgo-600); margin-top:34px; }
@media(max-width:940px){ .receita-grid{ grid-template-columns:1fr; } .receita-media .selo-flut{ right:0; } }

/* ================= HISTÓRIA (bloco verde) ================= */
.historia { background:linear-gradient(160deg,#2C3826 0%,#232E1D 60%,#1D2718 100%); color:#C7CEB6; overflow:hidden; }
.historia .eyebrow { color:var(--sage); }
.historia .eyebrow svg { color:var(--dourado-100); }
.historia h2 { color:#FBF8F1; }
.historia .hl { color:var(--dourado-100); }
.historia-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(40px,6vw,92px); align-items:center; }
.pilha { position:relative; padding:14px 10px 34px; }
.pilha img { border-radius:22px; box-shadow:0 30px 60px -24px rgba(0,0,0,.55); }
.pilha .p1 { width:76%; aspect-ratio:3/4; object-fit:cover; transform:rotate(-4deg); }
.pilha .p2 { position:absolute; right:2%; bottom:0; width:56%; aspect-ratio:3/4; object-fit:cover; transform:rotate(5deg); border:6px solid #232E1D; }
.pilha .carimbo { position:absolute; left:54%; top:-4px; z-index:3; }
.pilha .carimbo .selo text { fill:var(--dourado-100); }
.pilha .carimbo .selo .miolo { background:var(--dourado); }
.historia .fecho { font-weight:700; font-size:19px; color:#FBF8F1; }
@media(max-width:940px){ .historia-grid{ grid-template-columns:1fr; } .pilha{ max-width:460px; } }

/* ================= MÓDULOS ================= */
.modulos { background:var(--creme-2); }
.mod { display:grid; grid-template-columns:repeat(12,1fr); align-items:center; }
.mod + .mod { margin-top:clamp(26px,3.4vw,52px); }
.mod-img { border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sombra); grid-row:1; }
.mod-img img { width:100%; aspect-ratio:16/11; object-fit:cover; }
.mod-card { background:#fff; border-radius:var(--r); padding:40px 40px; box-shadow:var(--sombra); z-index:2; position:relative; grid-row:1; }
.mod-card h3 { margin:16px 0 18px; }
.mod-card ul { margin:0; padding:0; list-style:none; display:grid; gap:14px; }
.mod-card li { position:relative; padding-left:28px; color:var(--marrom); line-height:1.5; }
.mod-card li::before { content:""; position:absolute; left:0; top:9px; width:11px; height:11px; border-radius:50%; border:1.5px solid var(--dourado); }
.mod:nth-of-type(odd) .mod-img { grid-column:1/span 7; }
.mod:nth-of-type(odd) .mod-card { grid-column:7/span 6; }
.mod:nth-of-type(even) .mod-img { grid-column:6/span 7; }
.mod:nth-of-type(even) .mod-card { grid-column:1/span 6; }
@media(max-width:940px){
  .mod, .mod:nth-of-type(even){ grid-template-columns:1fr; }
  .mod .mod-img, .mod:nth-of-type(odd) .mod-img, .mod:nth-of-type(even) .mod-img{ grid-column:1; grid-row:1; }
  .mod .mod-card, .mod:nth-of-type(odd) .mod-card, .mod:nth-of-type(even) .mod-card{ grid-column:1; grid-row:2; margin:-50px 16px 0; padding:32px 26px; }
}

/* ================= PROVA SOCIAL ================= */
.prova { background:var(--creme); }
.chat { display:grid; gap:20px; margin-top:52px; }
.bolha { background:#fff; border-radius:26px 26px 26px 8px; padding:22px 24px; max-width:500px; box-shadow:var(--sombra-sm); }
.bolha.dir { margin-left:auto; border-radius:26px 26px 8px 26px; background:var(--sage-50); }
.bolha p { color:var(--tinta); font-size:16.5px; line-height:1.55; margin:0; }
.bolha img { border-radius:16px; margin-bottom:16px; }
.quem { display:flex; align-items:center; gap:11px; margin-top:16px; font-size:13px; font-weight:700; color:var(--musgo-600); }
.av { width:32px; height:32px; border-radius:50%; background:var(--grad-verde); color:#F7F4EA; display:grid; place-items:center; font-size:13px; font-weight:800; flex:none; }
.prova-fecho { margin-top:60px; text-align:center; }
.prova-fecho h3 { font-size:clamp(25px,2.9vw,35px); font-weight:500; }
.prova-fecho p { margin-top:14px; }

/* ================= BÔNUS ================= */
.bonus { background:var(--creme-2); }
.bonus-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:52px; }
.bcard { background:#fff; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sombra-sm); display:flex; flex-direction:column; }
.bcard .foto { position:relative; }
.bcard .foto img { width:100%; aspect-ratio:3/2; object-fit:cover; object-position:50% 24%; }
.bcard .foto .tag { position:absolute; left:22px; top:22px; }
.bcard .in { padding:34px 34px 38px; display:flex; flex-direction:column; gap:12px; }
.bcard .promessa { font-family:var(--display); font-style:italic; font-size:18px; color:var(--musgo-600); }
.sabores { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.sabores span { font-size:12px; font-weight:700; color:var(--musgo-700); background:var(--sage-100); padding:7px 14px; border-radius:100px; }
@media(max-width:940px){ .bonus-grid{ grid-template-columns:1fr; } }

/* ================= OFERTA (o bloco de cor) ================= */
.oferta { background:var(--grad-verde); color:#E9ECE0; text-align:center; overflow:hidden; }
.oferta h2 { color:#FBF8F1; }
.oferta .eyebrow { color:var(--dourado-100); }
.oferta p { color:#D5DAC8; }
.disco {
  width:270px; height:270px; border-radius:50%; margin:50px auto 42px; background:var(--creme);
  display:grid; place-content:center; text-align:center;
  box-shadow:0 0 0 1px var(--dourado), 0 0 0 13px rgba(224,206,158,.14), var(--sombra);
}
.disco .de { font-size:16px; color:var(--marrom); text-decoration:line-through; }
.disco .por { font-family:var(--display); font-size:64px; line-height:1; font-weight:600; color:var(--musgo-900); margin:6px 0 10px; letter-spacing:-.03em; }
.disco small { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--musgo-600); font-weight:800; }
.oferta .frase { font-family:var(--display); font-style:italic; font-size:clamp(23px,2.8vw,33px); color:#FBF8F1; }
.oferta .btn { margin-top:36px; background:var(--creme); color:var(--musgo-900); box-shadow:0 20px 40px -16px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.6); }
.oferta .btn .ic { background:var(--sage-100); }
.oferta .btn .ic svg { stroke:var(--musgo-900); }
.oferta .btn:hover { background:#fff; }
.oferta .trust { background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.16); color:var(--dourado-100); margin-top:22px; }

/* ================= FAQ ================= */
.faq-sec { background:var(--creme); }
.faq { margin-top:44px; }
.faq details { border-bottom:1px solid var(--linha); }
.faq details:first-child { border-top:1px solid var(--linha); }
.faq summary { cursor:pointer; list-style:none; position:relative; padding:30px 56px 30px 0; font-family:var(--display); font-size:clamp(20px,2vw,25px); font-weight:600; color:var(--tinta); }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:""; position:absolute; right:6px; top:50%; width:12px; height:12px; border-right:2px solid var(--dourado); border-bottom:2px solid var(--dourado); transform:translateY(-60%) rotate(45deg); transition:transform .22s ease; }
.faq details[open] summary::after { transform:translateY(-30%) rotate(-135deg); }
.faq summary:focus-visible { outline:2px solid var(--musgo-600); outline-offset:4px; border-radius:8px; }
.faq .resp { padding:0 60px 30px 0; max-width:70ch; }
.faq-sec .btn { margin-top:50px; }

/* ================= FECHAMENTO ================= */
.fecho-sec { background:var(--bege); text-align:center; }
.fecho-sec .lista { list-style:none; padding:0; margin:36px auto 34px; max-width:42ch; display:grid; gap:16px; }
.fecho-sec .lista li { font-family:var(--display); font-size:clamp(21px,2.4vw,28px); line-height:1.3; color:var(--tinta); }
.fecho-sec .decisao { font-family:var(--display); font-style:italic; font-size:clamp(25px,3.1vw,37px); color:var(--musgo-900); margin:34px 0 38px; }

/* ================= SABORES (quiches) ================= */
.sabores { background:var(--creme); }
.sabores-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:52px; }
.sabor { text-align:center; }
.sabor .foto { border-radius:22px; overflow:hidden; box-shadow:var(--sombra-sm); position:relative; }
.sabor .foto img { width:100%; aspect-ratio:1; object-fit:cover; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.sabor:hover .foto img { transform:scale(1.05); }
.sabor h3 { font-size:19px; margin-top:18px; }
.sabor .foto .num { position:absolute; left:14px; top:14px; width:30px; height:30px; border-radius:50%; background:rgba(38,48,31,.72); color:var(--dourado-100); display:grid; place-items:center; font-family:var(--display); font-size:14px; font-weight:600; }
@media(max-width:820px){ .sabores-grid{ grid-template-columns:1fr 1fr; gap:18px; } }

/* ================= TIMER / preço ================= */
.timer { display:flex; gap:12px; justify-content:center; margin:6px 0 4px; }
.timer .un { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:12px 4px; min-width:74px; }
.timer .vv { font-family:var(--display); font-size:34px; font-weight:600; color:#FBF8F1; line-height:1; font-variant-numeric:tabular-nums; }
.timer .ll { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--sage); margin-top:6px; }
.timer-label { display:inline-flex; align-items:center; gap:9px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:800; color:var(--dourado-100); margin-bottom:6px; }
.timer-label svg { width:15px; height:15px; }
@media(max-width:560px){ .timer .un{ min-width:60px; padding:10px 2px; } .timer .vv{ font-size:27px; } }

/* ---------------- rodapé ---------------- */
footer { background:var(--musgo-900); color:var(--sage); padding:56px 0; text-align:center; }
footer .marca { font-family:var(--display); color:#FBF8F1; font-size:20px; margin-bottom:12px; }
footer .marca span { color:var(--dourado); font-style:italic; }
footer p { color:var(--sage); }

/* ---------------- reveal ---------------- */
.anim .reveal { opacity:0; transform:translateY(24px); }
.anim .reveal.in { opacity:1; transform:none; transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation:none!important; transition:none!important; }
  .anim .reveal{ opacity:1!important; transform:none!important; }
}

/* ---------------- print / PDF ---------------- */
@page { size:13.34in 19in; margin:0; }
@media print {
  *,*::before,*::after{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .anim .reveal,.reveal{ opacity:1!important; transform:none!important; }
  .selo svg,.faixa-track{ animation:none!important; }
  .nav{ display:none; }
  section,.hero{ padding-block:60px; }
  .hero-in{ grid-template-columns:1.05fr .95fr; gap:60px; }
  .hero-media .foto{ border-radius:300px 300px var(--r) var(--r); }
  .hero-media .foto img{ aspect-ratio:4/5; }
  .hero-media .card{ left:-30px; right:auto; bottom:52px; }
  .receita-grid{ grid-template-columns:1fr 1.05fr; }
  .historia-grid{ grid-template-columns:.92fr 1.08fr; }
  .bonus-grid{ grid-template-columns:1fr 1fr; }
  .mod{ grid-template-columns:repeat(12,1fr); }
  .mod:nth-of-type(odd) .mod-img{ grid-column:1/span 7; grid-row:1; }
  .mod:nth-of-type(odd) .mod-card{ grid-column:7/span 6; grid-row:1; margin:0; }
  .mod:nth-of-type(even) .mod-img{ grid-column:6/span 7; grid-row:1; }
  .mod:nth-of-type(even) .mod-card{ grid-column:1/span 6; grid-row:1; margin:0; }
  .hero-in,.receita-grid,.historia-grid,.mod,.bcard,.bolha,.faq details,.disco,.pilha,.prova-fecho,.faixa-wrap{ break-inside:avoid; }
  .bonus-grid{ break-inside:avoid; }
  .faq .resp{ display:block!important; }
  .btn{ box-shadow:none; }
  footer{ break-before:avoid; }
}