/* Página /cookie — Supreme Cookie (página sempre escura) */
:root[data-theme="dark"]{
  --bg:#1E1412; --bg-2:#2A1A15; --ink:#FFFFFF; --muted:#E8DED6; --line:rgba(232,222,214,.14); --surface:#2A1A15;
  --gold:#D4A93C; --mint:#7ACFA8;
  --serif:"Cormorant Garamond", "Playfair Display", Georgia, serif;
  --body:"Manrope", "Inter", system-ui, sans-serif;
  --hand:"Great Vibes", cursive;
}
body{background:var(--bg);color:var(--muted)}

/* Topo do site em versão escura */
.top{background:#1E1412;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav a,.nav a:hover,.nav a[aria-current="page"]{color:#FFFFFF}
.nav a{opacity:.82}.nav a:hover{opacity:1}
.mobile-nav a{color:#FFFFFF}
.top-actions .btn-ink{background:#FFFFFF;color:#1E1412}

section{padding-block:0}

/* ============ 1. TOPO ============ */
.hero{text-align:center}
.hero-banner{width:100%}
.hero-banner img{width:100%;height:auto}

/* ============ 2. SABORES (fotos redondas, zigue-zague) ============ */
.sabores{padding-block:clamp(40px,5vw,64px)}
.sabores .wrap{max-width:980px}
.sabor{display:grid;justify-items:center;text-align:center;gap:22px;align-items:center}
.sabor + .sabor{margin-top:clamp(36px,5vw,56px)}
.sabor-foto{width:min(64vw,260px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--bg-2);box-shadow:0 0 0 1px var(--gold),0 0 0 8px var(--bg),0 0 0 9px rgba(212,169,60,.35),0 24px 60px -24px rgba(0,0,0,.8)}
.sabor-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.sabor h2{font:600 clamp(1.9rem,4vw,2.8rem)/1.05 var(--serif);letter-spacing:0;color:#FFFFFF}
.sabor p{margin:14px auto 0;max-width:40ch;font-size:clamp(.98rem,1.3vw,1.06rem);line-height:1.7;color:var(--muted)}

@media (min-width:760px){
  .sabor{grid-template-columns:auto 1fr;justify-items:start;text-align:left;gap:clamp(40px,6vw,80px)}
  .sabor p{margin-left:0}
  .sabor:nth-child(even){grid-template-columns:1fr auto}
  .sabor:nth-child(even) .sabor-foto{order:2}
  .sabor:nth-child(even) .sabor-txt{justify-self:end;text-align:right}
  .sabor:nth-child(even) p{margin-left:auto;margin-right:0}
  .sabor-foto{width:clamp(220px,28vw,320px)}
}

/* entrada suave ao rolar (só com JS ligado) */
.js .sabor-foto,.js .sabor-txt{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .sabor:nth-child(odd) .sabor-foto,.js .sabor:nth-child(even) .sabor-txt{transform:translateX(-40px)}
.js .sabor:nth-child(even) .sabor-foto,.js .sabor:nth-child(odd) .sabor-txt{transform:translateX(40px)}
.js .sabor-txt{transition-delay:.15s}
.js .sabor.vis .sabor-foto,.js .sabor.vis .sabor-txt{opacity:1;transform:none}

/* ============ 3. PREÇO ============ */
.preco{background:var(--bg-2);padding-block:clamp(48px,7vw,80px)}
.preco-faixa{max-width:820px;margin-inline:auto;padding-block:clamp(28px,4vw,40px);border-block:1px solid var(--gold);
  display:grid;justify-items:center;text-align:center;gap:22px}
.preco-titulo{font:600 clamp(1.8rem,4.4vw,2.8rem)/1.05 var(--serif);letter-spacing:.04em;text-transform:uppercase;color:#FFFFFF}
.preco-titulo b{font-weight:700;color:var(--gold)}
.preco-script{margin-top:4px;font:400 clamp(1.7rem,3.6vw,2.4rem)/1.1 var(--hand);color:var(--gold)}
.preco-valor{position:relative;padding-top:22px}
.preco-valor::before{content:"";position:absolute;top:0;left:50%;width:48px;height:1px;background:var(--gold);transform:translateX(-50%)}
.preco-tag{display:block;margin-bottom:8px;font:600 .72rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.preco-valor strong{display:flex;align-items:baseline;justify-content:center;gap:.18em;font:700 clamp(2.6rem,6vw,3.8rem)/1 var(--body);letter-spacing:-.02em;color:var(--gold);white-space:nowrap}
.preco-valor small{font-size:.42em;font-weight:700;letter-spacing:0}
.preco-cta{text-align:center}
.preco-cta .btn-pedir{margin-top:28px}

@media (min-width:720px){
  .preco-faixa{grid-template-columns:1fr auto;justify-items:stretch;text-align:left;gap:clamp(32px,5vw,64px);align-items:center;padding-inline:8px}
  .preco-valor{padding:0 0 0 clamp(32px,5vw,64px);border-left:1px solid rgba(212,169,60,.45)}
  .preco-valor strong{justify-content:flex-end}
  .preco-tag{text-align:right}
  .preco-valor::before{display:none}
}

/* ============ 4. PROMOÇÃO + 5. WHATSAPP ============ */
.promo{padding-block:clamp(72px,10vw,128px);text-align:center}
.promo-perg{font:italic 500 clamp(1.6rem,3.6vw,2.4rem)/1.2 var(--serif);color:var(--muted)}
.promo-destaque{margin-top:10px;font:600 clamp(1.8rem,4.6vw,3rem)/1.15 var(--serif);letter-spacing:.03em;text-transform:uppercase;color:#FFFFFF}
.promo-destaque span{color:var(--gold)}
.promo-preco{margin-top:18px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.4em;font:500 clamp(1rem,1.6vw,1.15rem) var(--body);color:var(--muted)}
.promo-preco s{opacity:.75}
.promo-preco b{display:inline-flex;align-items:baseline;gap:.18em;font:700 clamp(2.6rem,6vw,3.8rem)/1 var(--body);letter-spacing:-.02em;color:var(--gold)}
.promo-preco small{font-size:.42em;font-weight:700;letter-spacing:0}
.promo-nota{margin-top:10px;font-size:.95rem;color:var(--muted);opacity:.85}
.btn-pedir{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;padding:20px 40px;border-radius:999px;background:var(--mint);color:#1E1412;font:700 1.08rem/1 var(--body);text-decoration:none;transition:transform .2s ease,box-shadow .2s;box-shadow:0 16px 36px -16px rgba(122,207,168,.6)}
.btn-pedir:hover{transform:translateY(-2px)}
.btn-pedir svg{width:24px;height:24px}
@media (max-width:480px){.btn-pedir{width:100%;padding-inline:24px}}

/* Botão flutuante */
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:58px;height:58px;border-radius:50%;background:var(--mint);color:#1E1412;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(0,0,0,.6);transition:transform .2s}
.wa:hover{transform:scale(1.08)}
.wa svg{width:30px;height:30px}

/* ============ 6. RODAPÉ (versão escura) ============ */
.site-foot{background:var(--bg-2);color:#E8DED6;padding-block:72px 32px}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.foot h4{font:700 .72rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.92rem}
.foot a{text-decoration:none;opacity:.85}.foot a:hover{opacity:1;text-decoration:underline}
.foot .flogo{width:130px;margin-bottom:16px}
.foot p{opacity:.75;font-size:.92rem;max-width:34ch}
.legal{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8rem;opacity:.65}
.legal a{color:inherit;text-decoration:none;font-weight:600}.legal a:hover{text-decoration:underline}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
  .site-foot{padding-block:40px 24px}
  .foot{grid-template-columns:1fr 1fr;gap:24px 16px}
  .foot > div:first-child{grid-column:1 / -1;text-align:center}
  .foot > div:last-child{grid-column:1 / -1}
  .foot > div:last-child ul{display:flex;flex-wrap:wrap;gap:8px 16px}
  .foot .flogo{width:100px;margin:0 auto 10px}
  .foot p{margin-inline:auto;font-size:.85rem}
  .foot h4{margin-bottom:10px}
  .foot ul{gap:6px;font-size:.85rem}
  .foot li{overflow-wrap:anywhere}
  .legal{margin-top:28px;padding-top:16px;justify-content:center;text-align:center}
}

/* Topo do site um pouco mais baixo nesta página */
.top-row{height:64px}
.logo .sl{width:36px}.logo .wm{height:21px}
@media (max-width:600px){.top-row{height:58px}.logo .sl{width:32px}.logo .wm{height:18px}}