/* Fran Mesquita — lanchonete / restaurante / delivery.
   Tema QUENTE e APETITOSO: brasa, fogo, dourado de fritura, vermelho de tomate maduro.
   Escuro elegante (gastronomia premium) com as FOTOS de comida como estrela.
   Sensação: fome boa, energia, casa cheia, cheiro de comida na chapa. */
:root{
  --bg:#1A1210;        /* marrom-café muito escuro — fundo principal */
  --bg2:#221715;       /* seção alternada um tom acima */
  --card:#251A17;      /* card escuro quente */
  --ink:#FBF1E6;       /* creme quente — texto principal */
  --mut:#C7A992;       /* caramelo suave — texto secundário */
  --soft:#8A6E5C;      /* bem suave (rodapé Scout) */
  --red:#E4392B;       /* vermelho brasa (acento principal) */
  --red2:#FF5A3C;      /* vermelho-laranja vivo */
  --amber:#F5A524;     /* âmbar/dourado de fritura (acento quente) */
  --amber2:#FFCB5E;    /* dourado claro */
  --deep:#9C1F12;      /* vermelho profundo de molho */
  --line:rgba(251,241,230,.10);
  --ring:rgba(245,165,36,.18);
}
*{margin:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);overflow-x:hidden;}
.dsp{font-family:'Clash Display','Fraunces',serif;letter-spacing:-.015em;}
.red{color:var(--red2);}
.amber{color:var(--amber);}
.redgrad{background:linear-gradient(120deg,var(--red2),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;}
.ambergrad{background:linear-gradient(120deg,var(--amber),var(--amber2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;background:rgba(228,57,43,.32);}
.btn{background:linear-gradient(135deg,var(--red),var(--deep));color:#fff;font-weight:700;box-shadow:0 18px 46px -14px rgba(228,57,43,.6);transition:transform .3s,box-shadow .3s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 26px 62px -14px rgba(228,57,43,.78);}
.btn-amber{background:linear-gradient(135deg,var(--amber),#D9871A);color:#2A1606;font-weight:800;transition:transform .3s,box-shadow .3s;box-shadow:0 18px 46px -16px rgba(245,165,36,.65);}
.btn-amber:hover{transform:translateY(-2px);box-shadow:0 26px 62px -16px rgba(245,165,36,.8);}
.btn-ghost{border:1px solid rgba(251,241,230,.22);color:var(--ink);transition:border-color .3s,background .3s,color .3s;}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber);background:rgba(245,165,36,.08);}
.card{background:var(--card);border:1px solid var(--line);box-shadow:0 30px 60px -42px rgba(0,0,0,.7);transition:transform .4s,border-color .4s,box-shadow .4s;}
.card:hover{transform:translateY(-6px);border-color:rgba(245,165,36,.42);box-shadow:0 48px 90px -42px rgba(228,57,43,.35);}
.zoom{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);} .zoomwrap:hover .zoom{transform:scale(1.07);}
.kicker{font-family:'Inter';font-weight:700;letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--amber);}
.kicker-red{font-family:'Inter';font-weight:700;letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--red2);}
.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--deep),var(--red));}
.marquee-track{display:inline-flex;align-items:center;animation:scroll 34s linear infinite;}
@keyframes scroll{to{transform:translateX(-50%)}}
.mq-item{font-family:'Clash Display','Fraunces',serif;font-weight:600;font-size:38px;letter-spacing:-.01em;padding:16px 30px;color:#FFF3E2;}
.mq-dot{width:9px;height:9px;border-radius:50%;background:var(--amber2);flex:none;}
.navwrap{background:rgba(26,18,16,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.nav-link{color:var(--mut);transition:color .3s;position:relative;}
.nav-link:hover{color:var(--ink);}
.nav-link.active{color:var(--ink);}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--amber);border-radius:2px;}
.wordmark{font-family:'Clash Display','Fraunces',serif;font-weight:700;font-size:25px;letter-spacing:-.02em;color:var(--ink);line-height:1;text-transform:uppercase;}
.wordmark .amber{color:var(--amber);}
.reveal{will-change:transform,opacity;}
.ic-red{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(228,57,43,.12);border:1px solid rgba(255,90,60,.3);flex:none;}
.ic-amber{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(245,165,36,.12);border:1px solid rgba(255,203,94,.3);flex:none;}
@media (max-width:640px){.mq-item{font-size:26px;padding:12px 18px}}
html.shot *{animation:none!important;}
.kenburns{animation:kb 24s ease-in-out infinite alternate;transform-origin:center;will-change:transform;}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.13)}}
@media (prefers-reduced-motion: reduce){.kenburns{animation:none}}
img{max-width:100%;}
.scoutc{color:var(--soft);transition:color .25s;letter-spacing:.02em;}
.scoutc span{color:var(--mut);transition:color .25s;}
.scoutc:hover,.scoutc:hover span{color:var(--amber);}
.mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(20,13,11,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s,transform .3s;}
.mobile-menu.open{opacity:1;pointer-events:auto;transform:none;}
.mm-link{font-family:'Clash Display','Fraunces',serif;font-weight:700;font-size:30px;letter-spacing:-.01em;color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line);transition:color .2s;text-transform:uppercase;}
.mm-link:hover,.mm-link:active{color:var(--amber);}
#scrollcue{color:#FFE9C7;}
.badge{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 12px 30px -22px rgba(0,0,0,.7);}
.divider{height:1px;background:var(--line);}
.statbig{font-family:'Clash Display','Fraunces',serif;font-weight:700;letter-spacing:-.02em;line-height:1;background:linear-gradient(120deg,var(--red2),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--amber);background:rgba(245,165,36,.12);border:1px solid rgba(255,203,94,.3);border-radius:30px;padding:5px 12px;}
.tag-red{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--red2);background:rgba(228,57,43,.12);border:1px solid rgba(255,90,60,.28);border-radius:30px;padding:5px 12px;}
.amenity{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:transform .35s,border-color .35s,box-shadow .35s;}
.amenity:hover{transform:translateY(-4px);border-color:rgba(245,165,36,.4);box-shadow:0 30px 55px -38px rgba(228,57,43,.32);}
.galcard{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 50px -38px rgba(0,0,0,.7);}
.frame{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 36px 70px -46px rgba(0,0,0,.75);}
/* itens de cardápio */
.menu-item{display:flex;align-items:flex-start;gap:18px;padding:18px 4px;border-bottom:1px dashed var(--line);}
.menu-thumb{width:84px;height:84px;border-radius:16px;object-fit:cover;flex:none;border:1px solid var(--line);}
.menu-line{flex:1;}
.menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.menu-name{font-family:'Clash Display','Fraunces',serif;font-weight:600;font-size:19px;}
.menu-dots{flex:1;border-bottom:1px dotted rgba(199,169,146,.4);margin:0 4px 5px;}
.menu-price{font-family:'Clash Display','Fraunces',serif;font-weight:700;font-size:18px;color:var(--amber);white-space:nowrap;}
.menu-desc{font-size:13px;line-height:1.5;color:var(--mut);margin-top:3px;}
.cat-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:30px;font-weight:700;font-size:14px;background:var(--card);border:1px solid var(--line);color:var(--mut);}
.cat-pill.on{background:linear-gradient(135deg,var(--red),var(--deep));color:#fff;border-color:transparent;}