/* Layout: placa de lanchonete. Campo cheio na cor da marca no topo, tipo condensado gigante,
   faixa de papel xadrez como divisor, conteudo em coluna larga sobre papel claro. */
:root{
  --marca:#F2B90F; --acao:#C8281E; --tinta:#1E1410;
  --papel:#FFFDF6; --papel-2:#F6F0DF; --linha:#E2D7BC; --tinta-2:#5E5148; --branco:#fff;
  --display:"Anton","Arial Narrow","Haettenschweiler",Impact,sans-serif;
  --texto:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gut:clamp(16px,4vw,40px); --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1.0625rem/1.6 var(--texto);padding-bottom:0}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.95;margin:0;text-wrap:balance;letter-spacing:.005em}
h2{font-size:clamp(2.1rem,5.5vw,3.5rem)}
h3{margin:0;font:800 1.0625rem/1.3 var(--texto)}
p{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:.7em 1.5em;border-radius:6px;
  font:800 1rem/1 var(--texto);text-decoration:none;border:2px solid var(--tinta);transition:transform .12s}
.btn:hover{transform:translateY(-2px)}
.btn-acao{background:var(--acao);color:var(--branco);border-color:var(--acao)}
.btn-linha{background:transparent;color:var(--tinta)}
.btn-tinta{background:var(--tinta);color:var(--papel)}
.chip{display:inline-block;vertical-align:middle;margin-left:.6em;padding:.25em .6em;border:1.5px dashed var(--tinta-2);border-radius:99px;
  font:600 .7rem/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.previa{background:var(--tinta);color:var(--papel);font-size:.8125rem;line-height:1.4;padding-block:.6em;text-align:center}

header.topo{position:sticky;top:0;z-index:20;background:var(--marca);border-bottom:2px solid var(--tinta)}
.topo .wrap{display:flex;align-items:center;gap:1.25rem;min-height:64px}
.logo{font:400 1.5rem/1 var(--display);text-transform:uppercase;text-decoration:none;margin-right:auto;white-space:nowrap}
.logo{display:flex;align-items:center;gap:.6rem}
.logo img{width:44px;height:44px;border-radius:50%;border:2px solid var(--tinta);background:var(--branco);object-fit:cover}
.topo nav{display:flex;gap:1.5rem}
.topo nav a{font-weight:600;font-size:.9375rem;text-decoration:none}
.topo nav a:hover{text-decoration:underline;text-underline-offset:4px}
.topo .btn{min-height:44px;padding:.5em 1.1em}

.hero{background:var(--marca)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(2.5rem,7vw,5rem) clamp(2.5rem,6vw,4.5rem);align-items:center}
.hero.tem-foto .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hero-foto{width:100%;aspect-ratio:4/5;object-fit:cover;border:2px solid var(--tinta);border-radius:6px}
.nota{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:.9375rem;margin-bottom:1.1rem}
.nota .est{color:var(--acao);letter-spacing:.1em}
.nota span:last-child{font-weight:600}
h1{font-size:clamp(3.25rem,11.5vw,8.25rem)}
h1 em{font-style:normal;color:var(--acao)}
.sub{font-size:clamp(1.0625rem,2vw,1.3125rem);max-width:34em;margin-top:1.25rem;font-weight:600}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.fatos{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .5rem}
.fatos li{border:2px solid var(--tinta);border-radius:99px;padding:.3em .9em;font-weight:600;font-size:.875rem}
.xadrez{height:44px;border-block:2px solid var(--tinta);background-color:var(--branco);
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--acao) 55%,transparent) 50%,transparent 50%),linear-gradient(color-mix(in srgb,var(--acao) 55%,transparent) 50%,transparent 50%);
  background-size:22px 22px}

/* topo com foto (estilo Owner): foto de fundo, linha de busca pequena, slogan grande */
.hero{position:relative}
.slogan{display:none}
.hero.tem-foto{background:#000;color:var(--branco);overflow:hidden}
.hero.tem-foto .hero-foto{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;aspect-ratio:auto;max-width:none}
.hero.tem-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.55) 52%,rgba(0,0,0,0) 72%)}
.hero.tem-foto .wrap{position:relative;z-index:1;grid-template-columns:minmax(0,1fr);min-height:min(80vh,700px);align-items:end}
.hero.tem-foto .hero-txt{max-width:540px}
@media (max-width:820px){.hero.tem-foto .hero-txt{max-width:none}}
.hero.tem-foto h1{font:800 clamp(1.125rem,2vw,1.375rem)/1.3 var(--texto);text-transform:none;letter-spacing:0}
.hero.tem-foto h1 em{color:var(--marca)}
.hero.tem-foto .slogan{display:block;font:400 clamp(2.75rem,7vw,5.25rem)/.95 var(--display);text-transform:uppercase;margin-top:.6rem;text-wrap:balance}
.hero.tem-foto .nota .est{color:var(--marca)}
.hero.tem-foto .fatos li{border-color:rgba(255,255,255,.55)}
.hero.tem-foto .btn-linha{color:var(--branco);border-color:var(--branco)}
.fotos{padding-top:0}
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#000}
section{padding-block:clamp(3rem,8vw,5.5rem)}
.cab{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.cardapio{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,5vw,4rem)}
.item{display:flex;gap:1rem;padding-block:1.1rem;border-bottom:1.5px solid var(--linha);min-width:0}
.item img{width:84px;height:84px;object-fit:cover;border-radius:6px;flex:none}
.item-txt{flex:1;min-width:0}
.item-top{display:flex;align-items:baseline;gap:.6rem}
.dots{flex:1;border-bottom:2px dotted var(--tinta-2);opacity:.5;transform:translateY(-.25em);min-width:1rem}
.preco{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--acao)}
.item p{color:var(--tinta-2);font-size:.9375rem;margin-top:.2rem}

.item p b{color:var(--tinta);font-weight:600;white-space:nowrap}
.completo{margin-top:2.5rem}
.cat summary{font:400 1.75rem/1 var(--display);text-transform:uppercase;align-items:center}
.cat summary small{font:600 .8125rem/1 var(--texto);text-transform:none;color:var(--tinta-2);margin-left:.5em}
.cat .cardapio{padding-bottom:1.5rem}
.historia{background:var(--tinta);color:var(--papel)}
.historia .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
.historia h2{color:var(--marca)}
.historia .txt{display:grid;gap:1rem;font-size:1.125rem;max-width:36em}
.historia .btn{justify-self:start;margin-top:.5rem;background:var(--marca);border-color:var(--marca);color:var(--tinta)}

.placar{display:flex;align-items:baseline;gap:.6rem;font-weight:600}
.placar b{font:400 3rem/1 var(--display)}
.avals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem}
.aval{max-width:640px}
.aval{background:var(--papel-2);border-radius:6px;padding:1.5rem;display:grid;gap:.75rem;align-content:start}
.estrelas{color:var(--acao);letter-spacing:.15em}
.aval cite{font-style:normal;font-weight:800;font-size:.9375rem}

.faq{background:var(--papel-2)}
.faq .wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(1.5rem,5vw,4rem)}
details{border-bottom:1.5px solid var(--linha)}
details:first-child{border-top:1.5px solid var(--linha)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding-block:1.1rem;font-weight:800;font-size:1.0625rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 1.5rem/1 var(--display);color:var(--acao)}
details[open] summary::after{content:"–"}
details p{padding-bottom:1.25rem;color:var(--tinta-2);max-width:60ch}

.local .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3rem)}
.mapa{width:100%;height:100%;min-height:360px;border:2px solid var(--tinta);border-radius:6px}
.info{display:grid;gap:1.5rem;align-content:start}
.info address{font-style:normal;font-size:1.125rem;font-weight:600}
.rot{font:600 .75rem/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:.4rem}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{padding:.4rem 0;text-align:left;font-weight:400;border-bottom:1px solid var(--linha)}
td{text-align:right}
tr.hoje th,tr.hoje td{font-weight:800}
tr.hoje th::after{content:" · hoje";color:var(--acao)}

footer{background:var(--tinta);color:var(--papel);padding-block:2.5rem;font-size:.9375rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
footer .logo{font-size:1.25rem;color:var(--marca)}
footer small{opacity:.7}
.rodape{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;max-width:520px}
.rodape a{text-underline-offset:3px}
/* paginas internas */
.faixa{background:var(--marca);padding-block:clamp(1.75rem,5vw,3.25rem)}
.faixa h1{font-size:clamp(2.5rem,7.5vw,5rem)}
.faixa .sub{margin-top:1rem}
.migalhas{font-size:.875rem;font-weight:600;margin-bottom:1rem}
.migalhas a{text-underline-offset:3px}
.cats{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.75rem}
.cats a{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:1rem 1.1rem;border:2px solid var(--tinta);border-radius:6px;text-decoration:none;font:400 1.375rem/1 var(--display);text-transform:uppercase}
.cats a:hover{background:var(--marca)}
.cats small{font:600 .8125rem/1 var(--texto);text-transform:none;color:var(--tinta-2);white-space:nowrap}
.bloco+.bloco{margin-top:3rem}
.bloco h2 a{text-decoration:none}
.bloco h2 a:hover{text-decoration:underline;text-underline-offset:6px}
details p a,.txt-links a{font-weight:600;text-underline-offset:3px}
.fixo{display:none}

@media (max-width:820px){
  .topo nav{display:none}
  .hero.tem-foto .wrap,.historia .wrap,.faq .wrap,.local .wrap,.cardapio{grid-template-columns:minmax(0,1fr)}
  .mapa{min-height:280px}
  .hero.tem-foto .hero-foto{position:relative;width:100%;height:auto;aspect-ratio:4/3}
  .hero.tem-foto::after{display:none}
  .hero.tem-foto .wrap{min-height:0;padding-top:1.5rem}
  .galeria{grid-template-columns:minmax(0,1fr)}
  .cta .btn{flex:1 1 100%}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .fixo{display:flex;gap:.5rem;position:fixed;inset:auto 0 0 0;z-index:30;background:var(--papel);border-top:2px solid var(--tinta);
    padding:.6rem var(--gut) calc(.6rem + env(safe-area-inset-bottom,0px))}
  .fixo .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}