:root{--fundo2:#f6ecdc;--fundo3:#efe0c8;--fundo:#fbf6ee;--base:#7a4b2a;--texto:#3b2414;--destaque:#a4521f;--destaque-escuro:#6e3410;--linha:#d9c3a3}
/* Paleta: troque só as variáveis acima pelas cores do cliente (contraste AA). */
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--fundo);color:var(--texto);font:17px/1.6 "Figtree",sans-serif;
 background-image:radial-gradient(rgba(122,75,42,.06) 1px,transparent 1px);background-size:6px 6px}
h1,h2,h3{font-family:"Fraunces",serif;font-variation-settings:"SOFT" 100,"WONK" 1;line-height:1.05;letter-spacing:-.01em}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
header{position:sticky;top:0;z-index:5;background:rgba(251,246,238,.92);backdrop-filter:blur(8px);border-bottom:1px dashed var(--linha)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Fraunces",serif;font-weight:700;font-size:1.15rem}
.marca img{width:44px;height:44px;border-radius:50%;object-fit:contain;background:var(--base)}
nav{display:flex;gap:18px;font-weight:600;font-size:.95rem}
nav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
nav a[aria-current=page],nav a:hover{border-color:var(--destaque)}
.zap{display:inline-flex;align-items:center;gap:10px;background:var(--destaque);color:#fff;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:999px;box-shadow:0 6px 0 var(--destaque-escuro);transition:transform .15s,box-shadow .15s}
.zap:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--destaque-escuro)}
.zap:focus-visible,nav a:focus-visible{outline:3px solid var(--texto);outline-offset:3px}
.zap svg{width:22px;height:22px;fill:currentColor}
.hero{padding:72px 0 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.selo{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--base);border:1.5px solid var(--base);border-radius:999px;padding:4px 12px;margin-bottom:20px}
.hero h1{font-size:clamp(2.6rem,6.4vw,5rem);margin-bottom:20px}
.hero h1 em{font-style:italic;color:var(--destaque)}
.hero p{font-size:1.15rem;max-width:34ch;margin-bottom:28px}
.hero .foto{position:relative}
.hero .foto img{width:100%;aspect-ratio:4/5;object-fit:contain;background:var(--base);border-radius:200px 200px 24px 24px;border:6px solid var(--fundo2)}
.relogio{position:absolute;left:-28px;bottom:32px;background:var(--texto);color:var(--fundo2);border-radius:50%;width:132px;height:132px;display:grid;place-content:center;text-align:center;font-family:"Fraunces",serif;line-height:1.1;transform:rotate(-8deg);animation:gira 1s .4s both}
.relogio b{font-size:1.9rem}
@keyframes gira{from{opacity:0;transform:rotate(-40deg) scale(.6)}}
.sobe{animation:sobe .7s both}.sobe:nth-child(2){animation-delay:.1s}.sobe:nth-child(3){animation-delay:.2s}.sobe:nth-child(4){animation-delay:.3s}
@keyframes sobe{from{opacity:0;transform:translateY(18px)}}
section{padding:64px 0}
.faixa{background:var(--base);color:var(--fundo2)}
h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:24px}
.cardapio{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;background:var(--linha);border:2px solid var(--linha);border-radius:18px;overflow:hidden}
.cardapio li{background:var(--fundo);padding:26px 22px}
.cardapio h3{font-size:1.4rem;margin-bottom:6px}
.faixa .cardapio{background:rgba(246,236,220,.25);border-color:transparent}
.faixa .cardapio li{background:var(--base)}
.galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.galeria figure{background:var(--fundo3);border-radius:16px;overflow:hidden}
.galeria img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--base)}
.galeria figcaption{padding:10px 14px;font-weight:600;font-size:.95rem}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.cartao{background:var(--fundo2);border:1.5px dashed var(--base);border-radius:18px;padding:28px}
.cartao dt{font-weight:700;margin-top:12px}.cartao dt:first-child{margin-top:0}
.mapa{width:100%;aspect-ratio:4/3;border:0;border-radius:18px;filter:sepia(.25)}
footer{background:var(--texto);color:var(--fundo2);padding:36px 0;font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}
.flutua{position:fixed;right:16px;bottom:16px;z-index:9;padding:14px;border-radius:50%}
.flutua span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:820px){
 nav{display:none}
 .hero{grid-template-columns:1fr;padding:40px 0 32px;gap:32px}
 .relogio{left:8px;width:104px;height:104px}.relogio b{font-size:1.5rem}
 .duas{grid-template-columns:1fr}
 header .zap{display:none}
 .mnav{display:flex!important}
 footer{padding-bottom:104px}
 .cartao,.cardapio{margin-bottom:24px}
}
.mnav{display:none;gap:4px;overflow-x:auto;padding:0 16px 10px;font-weight:600;font-size:.95rem}
.mnav a{text-decoration:none;padding:6px 12px;border-radius:999px;background:var(--fundo2);white-space:nowrap}
.mnav a[aria-current=page]{background:var(--base);color:var(--fundo2)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}