/* ═══════════════════════════════════════════════════════════
   GARUDA GASTROBAR · folha única do site (visual novo, 13/10/2026)
   Usada por todas as páginas. Substitui o estilo.css (que fica só de histórico).
   Topo, menu, rodapé, cookies e delivery saem do aplicar_casca.py
   (.claude/scripts/deploy-site-garuda): mudou a casca, roda o script de novo.
   Cores: quase preto e areia, ouro só no detalhe, petróleo só de leve.
   Fontes: Garuda Display nos títulos, DM Sans no texto e nos preços.
   ═══════════════════════════════════════════════════════════ */
@font-face{font-family:"Garuda Display"; src:url("/fonts/GarudaDisplay-Regular.woff2") format("woff2"); font-display:swap}
@font-face{font-family:"DM Sans"; src:url("/fonts/DMSans-latin.woff2") format("woff2"); font-weight:400 600; font-display:swap}

:root{
  --preto:#0E1114; --preto-2:#171B1F; --preto-3:#1E2328;
  --petroleo:#2A7A80; --petroleo-noite:#123E44;
  --areia:#EADBC8; --areia-clara:#F3EBDF;
  --tinta:#1D1B18; --tinta-mudo:#5C554B;
  --ouro:#E8C46A; --ouro-claro:#F3D88F; --ouro-escuro:#8A6A12; --ouro-fundo:rgba(232,196,106,.09);
  --lanterna:#D9622B; --carmim:#AF1F3A; --rosa:#E88CA8;
  --texto:#EADBC8; --texto-mudo:rgba(234,219,200,.76);
  --linha:rgba(232,196,106,.2);
  --f-titulo:"Garuda Display","DM Sans",system-ui,sans-serif;
  --f-texto:"DM Sans",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --larg:1160px; --raio:10px; --raio-g:16px;
  --d:.15s;
  /* nomes antigos (estilo.css), apontando pra paleta nova: o cardapio.css e o CSS
     de cada página continuam funcionando sem reescrever nome por nome */
  --azul-escuro:var(--preto); --azul:var(--preto-2); --azul-2:var(--preto-3); --azul-claro:var(--petroleo-noite);
  --azul-linha:var(--linha); --creme:var(--areia-clara); --creme-2:var(--areia); --creme-3:#DCC9B1;
  --texto-escuro:var(--tinta); --texto-escuro-mudo:var(--tinta-mudo);
}

/* ── base ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{margin:0; background:var(--preto); color:var(--texto); font:400 16.5px/1.6 var(--f-texto); -webkit-font-smoothing:antialiased}
img{display:block; max-width:100%; height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--f-titulo); font-weight:400; margin:0; line-height:1.12}
p{margin:0 0 1em}
::selection{background:var(--ouro); color:var(--preto)}
:focus-visible{outline:2px solid var(--ouro); outline-offset:3px}
.wrap{width:100%; max-width:var(--larg); margin:0 auto; padding:0 22px}
.sr{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}

/* padronagens do kit, bem de leve: lanterna nas seções claras, mural nas escuras */
.pad-lanterna,.pad-mural{position:relative; isolation:isolate}
.pad-lanterna::before,.pad-mural::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none}
.pad-lanterna::before{background:url("/img/padrao-lanterna.svg") 0 0/260px; opacity:.032}
.pad-mural::before{background:url("/img/padrao-mural.svg") 0 0/340px; opacity:.035}

/* ── pílulas (e o .btn antigo, com a mesma cara) ── */
.pill,.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 24px; border-radius:100px; font:600 15px/1.15 var(--f-texto); text-align:center; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease)}
.pill-ouro,.btn-ouro,.btn-zap{background:var(--ouro); color:var(--preto); border-color:var(--ouro)}
.pill-ouro:hover,.btn-ouro:hover,.btn-zap:hover{background:var(--ouro-claro); border-color:var(--ouro-claro)}
.pill-vidro{background:rgba(14,17,20,.55); border-color:rgba(234,219,200,.75); color:var(--texto); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px)}
.pill-vidro:hover{border-color:var(--ouro); color:var(--ouro)}
.pill-linha,.btn-linha{background:none; border-color:rgba(234,219,200,.5); color:var(--texto)}
.pill-linha:hover,.btn-linha:hover{border-color:var(--ouro); color:var(--ouro)}
.pill-mini,.btn-mini{min-height:38px; padding:0 16px; font-size:13.5px}
.claro .pill-linha,.claro .btn-linha{border-color:rgba(29,27,24,.4); color:var(--tinta)}
.claro .pill-linha:hover,.claro .btn-linha:hover{border-color:var(--ouro-escuro); color:var(--ouro-escuro)}
.btn svg{width:18px; height:18px; flex:none}

/* ── ícones de contato: a pessoa reconhece pelo desenho e clica sem ler ── */
.ic{width:18px; height:18px; flex:none}
.pill .ic,.btn .ic{width:19px; height:19px}
.contatos{display:grid; gap:12px; margin:16px 0 22px}
.contatos a{display:inline-flex; align-items:flex-start; gap:10px; min-height:32px; text-decoration:none; color:var(--texto); font-size:15.5px; line-height:1.4}
.contatos a .ic{color:var(--ouro); margin-top:1px}
.contatos a:hover{color:var(--ouro)}

/* ── topo ── */
.topo{position:fixed; top:0; left:0; right:0; z-index:60; padding:calc(10px + env(safe-area-inset-top)) 0 10px;
  background:linear-gradient(rgba(14,17,20,.8),rgba(14,17,20,0)); transition:transform .55s var(--ease), background .4s var(--ease)}
.topo.fixo{background:rgba(14,17,20,.9); backdrop-filter:blur(16px) saturate(1.3); -webkit-backdrop-filter:blur(16px) saturate(1.3); border-bottom:1px solid rgba(232,196,106,.12)}
.topo.some{transform:translateY(-102%)}
.topo .wrap{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; row-gap:6px}
.tracos{grid-column:1; grid-row:1; width:44px; height:44px; margin-left:-10px; background:none; border:0; cursor:pointer; display:grid; place-content:center; gap:6px; color:var(--texto)}
.tracos span{display:block; width:24px; height:1.5px; background:currentColor; transition:transform .45s var(--ease), opacity .3s}
.menu-aberto .tracos span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu-aberto .tracos span:nth-child(2){opacity:0}
.menu-aberto .tracos span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.emblema-link{grid-column:2; grid-row:1}
.topo .emblema{width:40px; transition:opacity .4s var(--ease)}
.casa-home .topo .emblema{opacity:0}
.casa-home .topo.fixo .emblema,.menu-aberto .topo .emblema{opacity:1}
/* reservar do topo: só contorno, pra não brigar com o botão cheio da capa */
.topo .pill{grid-column:3; grid-row:1; justify-self:end; background:rgba(14,17,20,.35); border-color:rgba(232,196,106,.85); color:var(--ouro)}
.topo .pill:hover{background:var(--ouro); color:var(--preto)}
/* atalhos sempre à vista, em texto, como no site antigo: no celular são a 2ª linha do topo
   (pedido do João em 13/10: o cardápio não pode ficar escondido no menu de três tracinhos) */
.links-topo{grid-column:1 / -1; grid-row:2; margin:4px -22px 0; border-top:1px solid rgba(234,219,200,.1)}
.links-topo ul{display:flex; justify-content:space-between; list-style:none; margin:0; padding:0 22px}
.links-topo .so-pc{display:none}
.links-topo a{display:block; padding:12px 2px 10px; border-bottom:2px solid transparent; font:500 14.5px/1 var(--f-texto); text-decoration:none; color:var(--texto-mudo); white-space:nowrap; transition:color .25s, border-color .25s}
.links-topo a:hover{color:var(--texto)}
.links-topo a[aria-current="page"]{color:var(--ouro); border-bottom-color:var(--ouro)}
.menu{position:fixed; inset:0; z-index:55; background:var(--preto); clip-path:inset(0 0 100% 0); transition:clip-path .8s var(--ease); display:flex; flex-direction:column; justify-content:center; padding:110px 28px calc(36px + env(safe-area-inset-bottom)); visibility:hidden}
.menu-aberto .menu{clip-path:inset(0); visibility:visible}
.menu ul{list-style:none; margin:0; padding:0}
.menu li{overflow:hidden}
.menu li a{display:block; font:400 clamp(30px,8.6vw,60px)/1.18 var(--f-titulo); text-decoration:none; transform:translateY(110%); transition:transform .8s var(--ease), color .25s; transition-delay:calc(.12s + var(--i) * .06s)}
.menu li a:hover,.menu li a[aria-current="page"]{color:var(--ouro)}
.menu-aberto .menu li a{transform:none}
.menu .contatos{margin:auto 0 0; opacity:0; transition:opacity .5s .4s}
.menu .contatos a{font-size:14.5px; color:var(--texto-mudo)}
.menu-aberto .menu .contatos{opacity:1}

/* ── seções ── */
section{padding:56px 0; position:relative}
.claro{background:var(--areia); color:var(--tinta)}
.claro.mais-claro,.claro.creme-2{background:var(--areia-clara)}
.claro .sub,.claro p{color:var(--tinta-mudo)}
.claro a{color:var(--tinta); text-decoration-color:var(--ouro-escuro)}
.petroleo{background:var(--petroleo-noite)}
.bloco{background:var(--preto-2)}
h2{font-size:clamp(30px,7.6vw,50px); margin-bottom:12px; max-width:18ch}
.sub{color:var(--texto-mudo); max-width:52ch; margin-bottom:28px}
.rotulo{display:flex; align-items:center; gap:12px; font:600 12px/1 var(--f-texto); letter-spacing:.22em; text-transform:uppercase; color:var(--ouro); margin-bottom:14px}
.rotulo::before{content:""; width:26px; height:1px; background:currentColor; flex:none}
.claro .rotulo{color:var(--ouro-escuro)}
.cabeca{display:grid; gap:6px; margin-bottom:30px}
.cabeca .acao{margin-top:8px}
.ver-mais,.ver-cardapio{margin-top:30px}
.miudo{font-size:13.5px; color:var(--texto-mudo)}

/* selo do Google */
.selo,.nota{display:inline-flex; align-items:center; gap:10px; padding:9px 16px; border:1px solid rgba(232,196,106,.38); border-radius:100px; background:rgba(14,17,20,.45); backdrop-filter:blur(8px); font-size:14px; color:var(--texto); text-decoration:none}
.selo strong,.nota b{color:var(--ouro); font-weight:600}
.selo .estrelas{display:flex; gap:2px}
.selo .estrelas svg{width:13px; height:13px; fill:var(--ouro)}
.nota .est{color:var(--ouro); letter-spacing:2px}
.selo:hover,.nota:hover{border-color:var(--ouro)}

/* ── capa das páginas internas ── */
/* foto em cima, inteira; texto embaixo (pedido do João em 13/10: com o texto por cima, a foto não aparecia) */
.capa-pg{position:relative; display:block; overflow:hidden; background:var(--preto); padding:0; isolation:isolate}
.capa-pg .foto{position:relative; height:min(72svh, 118vw); overflow:hidden}
.capa-pg .foto img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:deriva 18s linear both}
.capa-pg .foto::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(14,17,20,.72) 0%, rgba(14,17,20,0) 30%, rgba(14,17,20,0) 70%, var(--preto) 100%)}
@keyframes deriva{from{transform:scale(1)} to{transform:scale(1.07)}}
.capa-pg .wrap{position:relative; z-index:1; margin-top:-38px; padding-top:0; padding-bottom:40px}
.capa-pg h1{font-size:clamp(34px,9vw,62px); max-width:15ch; margin-bottom:14px; color:#F4EBDD; text-shadow:0 2px 18px rgba(14,17,20,.8)}
.capa-pg .lead,.capa-pg p{color:var(--texto); font-size:17px; max-width:52ch; margin:0 0 24px; text-shadow:0 1px 14px rgba(14,17,20,.8)}
.capa-pg .acoes{display:flex; flex-wrap:wrap; gap:10px}
.js .capa-pg .wrap > *{opacity:0; transform:translateY(18px); animation:subir .9s var(--ease) forwards; animation-delay:.15s}
.js .capa-pg .wrap > *:nth-child(2){animation-delay:.25s}
.js .capa-pg .wrap > *:nth-child(3){animation-delay:.35s}
.js .capa-pg .wrap > *:nth-child(4){animation-delay:.45s}
.js .capa-pg .wrap > h1{opacity:1; transform:none; animation:none}
@keyframes subir{to{opacity:1; transform:none}}
@keyframes sobe{to{opacity:1; transform:none}}
.preco-capa{display:inline-flex; align-items:baseline; gap:8px; margin:0 0 22px; padding:9px 16px; border:1px solid rgba(232,196,106,.38); border-radius:100px; background:rgba(14,17,20,.5); backdrop-filter:blur(8px); font-size:14px; color:var(--texto)}
.preco-capa strong{color:var(--ouro); font:600 17px var(--f-texto)}

/* faixa de foto entre seções */
.faixa{position:relative; height:46vh; min-height:280px; overflow:hidden; background:var(--preto)}
.faixa img{position:absolute; left:0; top:-12%; width:100%; height:124%; object-fit:cover}
.faixa::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, var(--preto), rgba(14,17,20,0) 22%, rgba(14,17,20,0) 78%, var(--preto))}

/* ── perguntas (accordion) ── */
.faq,.faq-hh{max-width:780px; margin-top:28px; border-top:1px solid rgba(234,219,200,.14)}
.faq details,.faq-hh details{border-bottom:1px solid rgba(234,219,200,.14)}
.faq summary,.faq-hh summary{list-style:none; cursor:pointer; padding:18px 34px 18px 0; position:relative; font:600 16.5px/1.4 var(--f-texto); color:var(--texto); transition:color .2s}
.faq summary h3,.faq-hh summary h3{display:inline; font:inherit}
.faq summary::-webkit-details-marker,.faq-hh summary::-webkit-details-marker{display:none}
.faq summary::after,.faq-hh summary::after{content:""; position:absolute; right:6px; top:24px; width:8px; height:8px; border-right:1.5px solid var(--ouro); border-bottom:1.5px solid var(--ouro); transform:rotate(45deg); transition:transform .25s var(--ease)}
.faq details[open] summary::after,.faq-hh details[open] summary::after{transform:rotate(-135deg); top:28px}
.faq summary:hover,.faq-hh summary:hover{color:var(--ouro)}
.faq .resp,.faq-hh .resp{padding:0 0 18px; font-size:15.5px; color:var(--texto-mudo); max-width:66ch}
.faq .resp p,.faq-hh .resp p{margin:0}
.faq .resp a,.faq-hh .resp a{color:var(--texto); text-decoration-color:var(--ouro); text-underline-offset:3px}
.claro .faq,.claro .faq-hh{border-top-color:rgba(29,27,24,.16)}
.claro .faq details,.claro .faq-hh details{border-bottom-color:rgba(29,27,24,.16)}
.claro .faq summary,.claro .faq-hh summary{color:var(--tinta)}
.claro .faq summary:hover,.claro .faq-hh summary:hover{color:var(--ouro-escuro)}
.claro .faq summary::after,.claro .faq-hh summary::after{border-color:var(--ouro-escuro)}
.claro .faq .resp,.claro .faq-hh .resp{color:var(--tinta-mudo)}
.claro .faq .resp a,.claro .faq-hh .resp a{color:var(--tinta); text-decoration-color:var(--ouro-escuro)}

/* ── cartões (almoço, happy hour, prato) ── */
.horarios{margin-top:30px; display:grid; gap:12px}
.horarios > div,.balcao > div,.pedir-caixa{padding:22px 20px; background:var(--preto-2); border:1px solid rgba(232,196,106,.22); border-radius:var(--raio-g)}
.horarios .d,.noite .dia{font:600 12px/1 var(--f-texto); letter-spacing:.2em; text-transform:uppercase; color:var(--ouro); margin:0 0 10px}
.horarios .h{font:400 32px/1.1 var(--f-titulo); margin:0 0 8px; color:var(--texto)}
.horarios p.obs,.balcao p,.pedir-caixa p{margin:0; font-size:15px; color:var(--texto-mudo); line-height:1.55}
.balcao{display:grid; gap:12px; margin-top:30px}
.balcao h3,.pedir-caixa h3{font-size:23px; color:var(--ouro); margin-bottom:8px}
.pedir-grade{display:grid; gap:12px; margin-top:28px}
.pedir-caixa svg{width:24px; height:24px; stroke:var(--ouro); fill:none; stroke-width:1.5; margin-bottom:12px}
.pedir-caixa p{margin-bottom:16px}
.faixa-dia{margin-top:28px; padding:24px 22px; border-radius:var(--raio-g); position:relative; overflow:hidden; background:var(--petroleo-noite); border:1px solid rgba(42,122,128,.9)}
.faixa-dia .conta{font:400 25px/1.2 var(--f-titulo); color:var(--ouro); margin-bottom:10px; max-width:26ch}
.faixa-dia p{margin:0; font-size:15.5px; color:var(--texto); max-width:62ch}
.faixa-dia .miudo{margin-top:10px; font-size:13px; color:var(--texto-mudo)}
.faixa-dia .hh-dias{margin-top:16px}
.hh-dias{list-style:none; margin:0; padding:0}
.hh-dias li{display:flex; justify-content:space-between; gap:16px; padding:8px 0; border-bottom:1px solid rgba(234,219,200,.12); font-size:15.5px}
.hh-dias li:last-child{border-bottom:0}
.hh-dias li span:first-child{color:var(--ouro); font-weight:600}
.hh-dias li span:last-child{color:var(--texto); text-align:right}
.noites,.pratos-alm{display:grid; gap:12px; margin-top:28px}
.noite,.prato-alm{display:grid; grid-template-columns:110px 1fr; background:var(--preto-2); border:1px solid rgba(232,196,106,.18); border-radius:var(--raio-g); overflow:hidden; scroll-margin-top:130px}
.noite picture,.prato-alm picture{display:block; height:100%; min-height:110px}
.noite img,.prato-alm img{width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease)}
.noite:hover img,.prato-alm:hover img{transform:scale(1.05)}
.noite .txt,.prato-alm .txt{padding:16px 16px 18px}
.noite h3,.prato-alm h3{font-size:22px; margin-bottom:6px}
.noite p,.prato-alm p{margin:0; font-size:14.5px; color:var(--texto-mudo); line-height:1.5}
.noite--rosa{border-color:rgba(175,31,58,.6)}
.noite--rosa .dia{color:var(--rosa)}
.conversa{margin-top:22px; max-width:66ch}
.conversa p{color:var(--texto-mudo); margin-bottom:14px; font-size:16.5px}
.conversa p:last-child{margin-bottom:0}

/* página de prato: lista do que vem e pratos vizinhos */
.base-prato{font-size:16.5px; color:var(--texto-mudo); max-width:66ch; margin-bottom:8px}
.itens{list-style:none; margin:24px 0 0; padding:0}
.cardapio-item{display:flex; gap:18px; align-items:baseline; padding:15px 0; border-bottom:1px solid rgba(234,219,200,.1)}
.cardapio-item:last-child{border-bottom:0}
.item-txt{flex:1; min-width:0}
.cardapio-item h3{font:600 17px/1.3 var(--f-texto); margin-bottom:4px}
.cardapio-item p{color:var(--texto-mudo); font-size:14px; line-height:1.5; margin:0}
.item-preco{font:600 16px var(--f-texto); color:var(--ouro); white-space:nowrap; flex:none; font-variant-numeric:tabular-nums}
.pratos-vizinhos{display:grid; gap:12px; margin-top:26px}
.prato-vizinho{display:flex; gap:16px; align-items:center; border-radius:var(--raio-g); background:var(--preto-2); border:1px solid rgba(232,196,106,.18); text-decoration:none; color:inherit; padding:12px; transition:border-color .3s}
.prato-vizinho:hover{border-color:var(--ouro)}
.prato-vizinho .capa{flex:none; width:84px; height:84px; border-radius:var(--raio); overflow:hidden}
.prato-vizinho .capa img{width:84px; height:84px; object-fit:cover}
.prato-vizinho .txt h3{font-size:20px; margin-bottom:4px}
.prato-vizinho .txt p{margin:0; font-size:14px; color:var(--texto-mudo)}
.pratos-links ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.pratos-links a{display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:1px solid var(--linha); border-radius:100px; background:var(--ouro-fundo); color:var(--texto); font-size:14px; text-decoration:none}
.pratos-links a::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--ouro); flex:none}
.pratos-links a:hover{border-color:var(--ouro); color:var(--ouro)}

/* vitrine de fotos com nome (drinks da Ladies Night, porções do aniversário) */
.vitrine{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:26px}
.vitrine figure{margin:0}
.vitrine img{width:100%; aspect-ratio:1; object-fit:cover; border-radius:14px; background:var(--preto-2)}
.vitrine figcaption{padding:10px 2px 0; font-size:14px; line-height:1.4}
.vitrine b{display:block; font-weight:600; color:var(--texto); margin-bottom:2px}
.vitrine span{color:var(--texto-mudo)}
.claro .vitrine b{color:var(--tinta)}
.claro .vitrine span{color:var(--tinta-mudo)}

/* chamada final das páginas internas (foto por trás) */
#final{position:relative; overflow:hidden; background:var(--preto); padding:0; isolation:isolate; text-align:center}
#final .fundo{position:absolute; inset:0; z-index:-1}
#final .fundo img{width:100%; height:100%; object-fit:cover}
#final .fundo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, var(--preto) 0%, rgba(14,17,20,.74) 30%, rgba(14,17,20,.74) 70%, var(--preto) 100%)}
#final .wrap{padding-top:96px; padding-bottom:96px}
#final h2{margin:0 auto 14px; max-width:16ch; font-size:clamp(32px,8.6vw,60px)}
#final .sub{margin:0 auto 26px; color:var(--texto)}
#final .acoes{display:flex; flex-wrap:wrap; gap:10px; justify-content:center}

/* privacidade e 404 */
.doc{max-width:720px; margin:0 auto; padding:150px 22px 64px}
.doc h1{font-size:clamp(32px,7vw,48px); margin-bottom:12px}
.doc h2{font-size:24px; margin:36px 0 10px}
.doc ul{padding-left:20px}
.doc a{text-decoration-color:var(--ouro)}
.erro{min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:160px 22px 60px; gap:18px}
.erro h1{font-size:clamp(34px,8vw,56px)}
.erro p{color:var(--texto-mudo); max-width:420px; margin:0}
.erro .acoes{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:8px}

/* ── rodapé ── */
footer{position:relative; isolation:isolate; padding:52px 0 calc(92px + env(safe-area-inset-bottom)); border-top:1px solid rgba(232,196,106,.14); font-size:14.5px; color:var(--texto-mudo)}
footer::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url("/img/padrao-mural.svg") 0 0/340px; opacity:.035}
.rodape-marca{display:grid; justify-items:start; gap:14px; margin-bottom:36px}
.rodape-marca img{width:150px; height:auto}
.rodape-marca p{margin:0; max-width:34ch}
.rodape-grade{display:grid; grid-template-columns:1fr 1fr; gap:28px 16px}
.rodape-grade > div:first-child{grid-column:1 / -1}
.rodape-grade h3{font:600 11.5px/1 var(--f-texto); letter-spacing:.22em; text-transform:uppercase; color:var(--ouro); margin:0 0 12px}
.rodape-grade ul{list-style:none; margin:0; padding:0}
.rodape-grade li{margin-bottom:2px}
.rodape-grade li a{display:inline-flex; align-items:center; gap:8px; min-height:40px; text-decoration:none}
.rodape-grade li a .ic{width:16px; height:16px; color:var(--ouro)}
.rodape-grade a:hover{color:var(--ouro)}
.rodape-grade p{margin:0 0 6px}
.h-rodape li{margin-bottom:6px}
.legal{margin-top:30px; padding-top:18px; border-top:1px solid rgba(234,219,200,.08); font-size:12.5px; color:#7d8486}
.legal p{margin:0 0 7px}
.legal a{color:var(--texto-mudo)}
.legal summary{cursor:pointer; margin:6px 0 8px; color:var(--texto-mudo)}
#privacidade{scroll-margin-top:110px}
.credito-pepper{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; margin-top:26px; padding-top:24px; border-top:1px solid rgba(234,219,200,.08); color:#8b9193; font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; text-decoration:none}
.credito-pepper img{height:40px; width:auto; opacity:.9; transition:opacity .2s}
.credito-pepper:hover img,.credito-pepper:focus-visible img{opacity:1}

/* ── bolinha de delivery (Anota Aí): regra de 12/09/2026, WhatsApp só no fim ── */
.delivery-fixo{position:fixed; right:16px; bottom:16px; z-index:50; width:56px; height:56px; border-radius:50%; background:var(--ouro); color:#241A02; display:grid; place-items:center; box-shadow:0 8px 26px rgba(0,0,0,.45); text-decoration:none; transition:transform .25s var(--ease)}
.delivery-fixo:hover{transform:scale(1.07)}
.delivery-fixo svg{width:26px; height:26px}
.delivery-fixo span{position:absolute; top:-22px; left:50%; transform:translateX(-50%); font:600 11.5px/1 var(--f-texto); letter-spacing:.14em; text-transform:uppercase; color:var(--ouro); white-space:nowrap; text-shadow:0 1px 6px rgba(0,0,0,.8)}

/* ── banner de cookies (ids lidos pelo js/garuda.js) ── */
.consenti{position:fixed; left:0; right:0; bottom:0; z-index:70; visibility:hidden; background:var(--preto-2); border-top:1px solid var(--ouro); padding:22px 20px calc(22px + env(safe-area-inset-bottom)); transform:translateY(110%); transition:transform .32s var(--ease), visibility 0s linear .32s; box-shadow:0 -10px 34px rgba(0,0,0,.5)}
.consenti.on{transform:none; visibility:visible; transition:transform .32s var(--ease)}
.consenti .interno{max-width:var(--larg); margin:0 auto; display:grid; gap:14px}
.consenti p{margin:0; font-size:15px; line-height:1.55}
.consenti a{color:var(--ouro)}
.consenti .acoes{display:flex; flex-wrap:wrap; gap:10px}
.consenti .pill{flex:1 1 150px}
.prefs{display:none; margin-top:16px; padding-top:16px; border-top:1px solid rgba(234,219,200,.12)}
.prefs.on{display:block}
.prefs .item{display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-bottom:1px solid rgba(234,219,200,.07)}
.prefs input{width:19px; height:19px; flex:none; margin-top:2px; accent-color:var(--ouro)}
.prefs strong{display:block; font-size:14px; margin-bottom:2px}
.prefs span{font-size:12.5px; color:var(--texto-mudo); line-height:1.45}
.prefs .salvar{margin-top:14px; display:flex; flex-wrap:wrap; gap:10px}
.prefs .salvar .pill{flex:1 1 200px}

/* ── revelar ao rolar (.rv da home e .rev das páginas antigas) ── */
.js .rv,.js .rev{opacity:0; transform:translateY(22px); transition:opacity .95s var(--ease), transform .95s var(--ease)}
.js .rv.in,.js .rev.in{opacity:1; transform:none}
.js .rv-foto img{transform:scale(1.12); transition:transform 1.6s var(--ease)}
.js .rv-foto.in img{transform:none}

@media (min-width:768px){
  .horarios{grid-template-columns:repeat(2,1fr); gap:16px}
  .balcao,.noites,.pratos-alm,.pedir-grade{grid-template-columns:repeat(3,1fr); gap:16px}
  .noite,.prato-alm{grid-template-columns:1fr}
  .noite picture,.prato-alm picture{aspect-ratio:4/3; height:auto}
  .pratos-vizinhos{grid-template-columns:repeat(2,1fr)}
  .vitrine{grid-template-columns:repeat(4,1fr); gap:18px}
  .faixa-dia{padding:32px 36px}
  .faixa-dia .conta{font-size:31px}
}
@media (min-width:900px){
  body{font-size:17px}
  section{padding:100px 0}
  .topo .wrap{column-gap:28px}
  .links-topo{grid-column:1; grid-row:1; margin:0; padding-left:52px; justify-self:start; border:0}
  .links-topo ul{padding:0; gap:26px; justify-content:flex-start}
  .links-topo .so-pc{display:list-item}
  .links-topo a{padding:8px 0; border-bottom-width:1px; font-size:15px; color:var(--texto)}
  .links-topo a:hover{color:var(--ouro); border-bottom-color:var(--ouro)}
  .capa-pg .foto{height:64vh}
  .capa-pg .wrap{margin-top:-64px; padding-bottom:72px}
  #final .wrap{padding-top:150px; padding-bottom:150px}
  footer .wrap{display:grid; grid-template-columns:260px 1fr; gap:0 60px}
  .rodape-marca{margin-bottom:0}
  .rodape-grade{grid-template-columns:1.2fr 1fr .9fr 1.1fr 1.1fr}
  .rodape-grade > div:first-child{grid-column:auto}
  .legal,.credito-pepper{grid-column:1 / -1}
  .consenti .interno{grid-template-columns:1fr auto; align-items:center; gap:28px}
  .consenti .pill{flex:0 0 auto}
  .delivery-fixo{right:24px; bottom:24px; width:60px; height:60px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv,.js .rev,.js .capa-pg .wrap > *{opacity:1; transform:none; transition:none; animation:none}
  .capa-pg .foto img{animation:none}
}