:root{--noite:#120d0a;--balcao:#1e1510;--ambar:#e0a458;--ambar-claro:#f3cf94;--creme:#f4ead8;--cinza:#a89a86;--linha:#3a2c22}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--noite);color:var(--creme);font:16px/1.6 "Segoe UI",system-ui,sans-serif}
a{color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--ambar);outline-offset:4px}
.skip{position:absolute;top:-90px;left:0;z-index:50;padding:14px;background:var(--creme);color:var(--noite)}.skip:focus{top:0}
.w{max-width:1280px;margin:0 auto;padding:0 clamp(16px,5vw,64px)}
header{position:sticky;top:0;z-index:5;background:rgba(18,13,10,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
header .w{display:flex;align-items:center;gap:28px;height:68px}.marca{font:500 21px Georgia,serif;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.marca b{color:var(--ambar);font-weight:500}
nav{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--cinza)}nav a{text-decoration:none;white-space:nowrap}nav a:hover{color:var(--creme)}
.btns{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 24px;border-radius:999px;background:var(--ambar);color:#1b120b;text-decoration:none;font-weight:600;font-size:15px;border:0}.btn:hover{background:var(--ambar-claro)}.btn.ghost{background:none;color:var(--creme);border:1px solid #5a4636}.btn.ghost:hover{border-color:var(--ambar)}
.kicker{font-size:13px;color:var(--ambar);text-decoration:none}
h1,.hero-titulo{font:400 clamp(40px,5.6vw,78px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:10px 0 18px}h1 em,.hero-titulo em{color:var(--ambar-claro)}
h2{font:400 clamp(30px,3.6vw,48px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 10px}
.lead{color:var(--cinza);max-width:34ch;font-size:18px}.sub{color:var(--cinza);margin:0 0 36px}
section{padding:88px 0}section.sem-topo{padding-top:0}
.hero{position:relative;overflow:hidden;padding:0;background:radial-gradient(ellipse 60% 70% at 70% 45%,#4a2e16 0%,#1d130c 55%,var(--noite) 100%)}
.prateleira{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(224,164,88,.05) 58px 60px),linear-gradient(180deg,transparent 0 30%,rgba(224,164,88,.06) 30% 31%,transparent 31% 62%,rgba(224,164,88,.06) 62% 63%,transparent 63%);filter:blur(1.5px)}
.selo18{position:absolute;right:clamp(16px,5vw,64px);top:20px;z-index:2;font-size:12px;color:var(--cinza);border:1px solid var(--linha);border-radius:999px;padding:6px 12px}
.hero .w{position:relative}
.slide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:600px}.slide[hidden]{display:none}
.slide-txt{padding:60px 0 90px}
.palco{position:relative;height:560px;display:grid;place-items:end center}
.palco img{position:absolute;inset:40px 0 30px;width:100%;height:calc(100% - 70px);object-fit:cover;border-radius:14px}
.reflexo{position:absolute;bottom:20px;left:15%;width:70%;height:60px;background:radial-gradient(ellipse at center,rgba(224,164,88,.25),transparent 70%)}
.balcao{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,#2b1e15,#150e09);border-top:1px solid #4a3526}
.garrafas{position:relative;display:flex;gap:18px;align-items:flex-end;margin-bottom:60px;animation:chega .8s both}
.garrafas svg{height:400px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}.garrafas svg+svg{height:360px}
@keyframes chega{from{opacity:0;transform:translateY(24px)}}
.controles{position:absolute;left:clamp(16px,5vw,64px);bottom:32px;display:flex;align-items:center;gap:12px}
.controles>button{width:36px;height:36px;border-radius:50%;border:1px solid #5a4636;background:none;color:var(--creme)}.controles .pause{width:auto;padding:0 14px;border-radius:999px;font-size:13px}
.dots{display:flex;gap:8px}.dots button{width:30px;height:3px;border:0;padding:0;background:#4a3a2c}.dots button[aria-current=true]{background:var(--ambar)}
.fams{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.fam{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#2a1c12,#140d08);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border:1px solid var(--linha)}
.fam svg{position:absolute;left:50%;top:10%;height:58%;transform:translateX(-50%);filter:drop-shadow(0 18px 24px rgba(0,0,0,.6))}.fam img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fam b{position:relative;font:400 22px Georgia,serif;text-shadow:0 1px 8px #000}.fam small{position:relative;color:var(--cinza);font-size:13px}.fam:hover{border-color:var(--ambar)}
.guia-fam{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:56px 0;border-top:1px solid var(--linha)}
.guia-fam h3{font:400 34px Georgia,serif;margin:0 0 6px;letter-spacing:-.02em}
.pergunta{font:italic 21px Georgia,serif;color:var(--ambar-claro);margin:0 0 14px}.guia-txt{color:#c8b9a3;line-height:1.7;max-width:60ch}
.mini-duelo{display:flex;align-items:center;gap:12px;margin-top:22px;border:1px solid var(--linha);border-radius:12px;padding:12px 16px;font-size:14px;text-decoration:none}.mini-duelo:hover{border-color:var(--ambar)}.mini-duelo b{font:italic 18px Georgia,serif;color:var(--ambar);font-weight:400}
.ver-fam{display:inline-block;margin-top:18px;font-size:14px;color:var(--ambar);text-decoration:none}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prods.grade{grid-template-columns:repeat(4,1fr)}
.prod{border:1px solid var(--linha);border-radius:14px;background:var(--balcao);padding:16px;text-decoration:none;display:flex;flex-direction:column}.prod:hover{border-color:var(--ambar)}
.prod .foto{height:210px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#3a2616,transparent 70%);margin-bottom:12px;border-radius:10px;overflow:hidden}
.prod .foto svg{height:190px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.6))}.prod .foto img{width:100%;height:100%;object-fit:cover}
.prod b{font:400 18px/1.25 Georgia,serif}.prod small{color:var(--cinza);font-size:13px;margin-top:4px}.ver{margin-top:auto;padding-top:10px;font-size:13px;color:var(--ambar)}
.duelos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.duelo{display:flex;flex-direction:column;border:1px solid var(--linha);border-radius:14px;padding:22px;background:var(--balcao);text-decoration:none}.duelo:hover{border-color:var(--ambar)}
.duelo-foto{display:grid;place-items:center;height:200px;border-radius:10px;overflow:hidden}.duelo-foto img{width:100%;height:100%;object-fit:cover}
.par{display:flex;align-items:flex-end;justify-content:center;gap:10px}.par svg{height:170px}.x{font:italic 26px Georgia,serif;color:var(--ambar);align-self:center}
.duelo small{margin-top:14px;color:var(--ambar);font-size:13px}.duelo h3{font:400 21px/1.25 Georgia,serif;margin:4px 0 0}.duelo h3 i{color:var(--ambar)}
.intro{padding-top:64px;padding-bottom:48px}.intro h1{max-width:18ch}
.ficha{padding-top:48px}.ficha-grade{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ficha-foto{aspect-ratio:1;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#4a2e16,var(--balcao) 70%);border:1px solid var(--linha)}.ficha-foto svg{height:78%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}.ficha-foto img{width:100%;height:100%;object-fit:cover}
.fatos{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;margin:24px 0;padding:18px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}.fatos dt{color:var(--cinza)}.fatos dd{margin:0}
.oferta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--linha);border-radius:14px;background:var(--balcao)}.oferta b{font-weight:500}
.nota{color:var(--cinza);font-size:14px;margin:14px 0 0}
.lados{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lado h2{font-size:28px;margin-top:18px}.lado h2 a{text-decoration:none}
.lado-foto{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#4a2e16,var(--balcao) 70%);border:1px solid var(--linha)}.lado-foto svg{height:75%}.lado-foto img{width:100%;height:100%;object-fit:cover}
.texto{max-width:760px;padding-bottom:88px}.texto h2{font-size:30px;margin-top:36px}.texto p{color:#c8b9a3}
footer{border-top:1px solid var(--linha);padding:36px 0 60px;color:var(--cinza);font-size:13px}footer .adv{color:var(--creme);font-size:15px;margin-bottom:6px}
.gate{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:rgba(10,7,5,.94);backdrop-filter:blur(6px)}.gate[hidden]{display:none}
.gate>div{text-align:center;max-width:440px;padding:40px 16px}.gate-txt{color:var(--cinza)}.gate .btns{justify-content:center}
@media(max-width:1000px){nav{display:none}.fams{grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding-bottom:8px}.fam{scroll-snap-align:start}.prods.grade{grid-template-columns:repeat(3,1fr)}.duelos{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.slide{grid-template-columns:1fr;gap:0;min-height:0}.palco{height:340px;order:-1}.garrafas{margin-bottom:40px}.garrafas svg{height:250px}.garrafas svg+svg{height:225px}.palco img{inset:48px 0 0;height:calc(100% - 48px)}.slide-txt{padding:10px 0 96px}.lead{font-size:16px}
  .guia-fam{grid-template-columns:1fr;gap:24px;padding:40px 0}.prods{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.prods.grade{grid-template-columns:1fr 1fr;overflow:visible}.prod{scroll-snap-align:start}.prod .foto{height:170px}.prod .foto svg{height:150px}
  .controles{position:static;flex-wrap:wrap;gap:10px;padding-bottom:40px}.slide-txt{padding-bottom:28px}.dots button{width:18px}.controles .pause{white-space:nowrap}
  .duelos,.ficha-grade,.lados{grid-template-columns:1fr}.ficha-grade{gap:28px}section{padding:56px 0}.intro{padding-top:40px}.oferta .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.garrafas{animation:none}}
.slide[data-familia=cervejas] .palco img{object-position:100% 50%}
.prod .foto:has(img){height:auto;aspect-ratio:1}.duelo-foto:has(img){height:auto;aspect-ratio:3/2}
.fam::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,7,5,.88));pointer-events:none}.fam b,.fam small{z-index:1}
.duelo-foto:has(.par-fotos){height:auto;aspect-ratio:3/2}.par-fotos{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;height:100%}.par-fotos img{width:100%;height:100%;object-fit:cover}
.guia-fam .prods{align-self:start}
.opiniao{padding-bottom:40px}.opiniao h2{margin-top:0}.opiniao h3{font-size:21px;margin:30px 0 8px}.opiniao ul{color:#c8b9a3;padding-left:20px}.opiniao li{margin:4px 0}.opiniao strong{color:#f1e6d6}
.opiniao h3{font-size:23px;margin:34px 0 10px}.opiniao p,.opiniao li{font-size:17px;line-height:1.65}.opiniao li{color:#c8b9a3}.opiniao strong{color:#f1e6d3}