/* ==========================================================================
   XPETIM MARICÁ — Landing Page
   Paleta extraída do logo: chama #FF2D00 → #FF6B00 → #FFC24A sobre preto #060403
   ========================================================================== */

/* ---------- TOKENS ---------- */
:root{
  --void:#060403;
  --ink:#0B0807;
  --surface:#141010;
  --surface-2:#1C1614;
  --steel:#1A1D21;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);

  --flame:#FF6B00;
  --flame-hot:#FF2D00;
  --gold:#FFC24A;
  --wpp:#25D366;

  --cream:#F6F1EA;
  --muted:#A2938A;
  --muted-2:#7C6F68;

  --grad-fire:linear-gradient(180deg,#FFD86B 0%,#FFA219 32%,#FF6B00 64%,#FF2D00 100%);
  --grad-fire-h:linear-gradient(90deg,#FF2D00,#FF6B00 45%,#FFC24A);

  --r-s:10px; --r-m:16px; --r-l:24px; --r-xl:32px;
  --shadow:0 24px 60px -20px rgba(0,0,0,.85);
  --glow:0 0 60px -12px rgba(255,107,0,.45);

  --wrap:1240px;
  --pad:clamp(20px,5vw,40px);
  --sec-y:clamp(72px,11vw,140px);

  --ease:cubic-bezier(.22,.61,.36,1);
  --f:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px}
body{
  font-family:var(--f);
  background:var(--void);
  color:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,picture,video,iframe,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%}
::selection{background:var(--flame);color:#0B0807}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}

.skip-link{position:fixed;top:-100px;left:12px;z-index:999;background:var(--flame);color:#0B0807;
  padding:12px 18px;border-radius:0 0 var(--r-s) var(--r-s);font-weight:700;transition:top .2s}
.skip-link:focus{top:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- TIPOGRAFIA ---------- */
h1,h2,h3{font-weight:800;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
h1{font-size:clamp(2.9rem,8.6vw,6.1rem);font-weight:900;letter-spacing:-.04em}
h2{font-size:clamp(2.05rem,5vw,3.5rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem);letter-spacing:-.02em;line-height:1.15}
p{text-wrap:pretty}

.fire{
  background:var(--grad-fire);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  /* fallback caso o clip falhe */
  paint-order:stroke fill;
}
@supports not (-webkit-background-clip:text){ .fire{color:var(--flame);-webkit-text-fill-color:currentColor} }

.eyebrow{
  font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--flame);margin-bottom:1.1rem;display:flex;align-items:center;gap:.6em;flex-wrap:wrap;
}
.eyebrow i{color:var(--muted-2);font-style:normal}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:#DCD2C8}
.sec p{color:var(--muted)}
.sec .lead{color:#DCD2C8}

/* ---------- BOTÕES ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  padding:.95em 1.7em;border-radius:100px;
  font-weight:700;font-size:.98rem;letter-spacing:-.01em;
  border:1px solid transparent;cursor:pointer;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s,color .25s;
  will-change:transform;
}
.btn svg{width:1.15em;height:1.15em;fill:currentColor;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}

.btn--fire{background:var(--grad-fire-h);color:#180800;box-shadow:0 10px 30px -12px rgba(255,107,0,.8)}
.btn--fire:hover{box-shadow:0 18px 44px -14px rgba(255,107,0,.95)}

.btn--ghost{border-color:var(--line-2);color:var(--cream);backdrop-filter:blur(8px);background:rgba(255,255,255,.04)}
.btn--ghost:hover{border-color:var(--flame);color:var(--gold);background:rgba(255,107,0,.08)}

.btn--wpp{background:var(--wpp);color:#042B12;box-shadow:0 10px 26px -14px rgba(37,211,102,.9)}
.btn--wpp:hover{background:#2ee875}
.btn--full{width:100%;margin-top:1rem}

.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}

/* ---------- INTRO ---------- */
.intro{
  position:fixed;inset:0;z-index:1000;
  background:var(--void);
  display:grid;place-items:center;
  transition:opacity .7s var(--ease),visibility .7s;
}
.intro__v{width:min(62vmin,440px);height:auto;border-radius:50%}
.intro__skip{
  position:absolute;bottom:clamp(24px,6vh,54px);left:50%;transform:translateX(-50%);
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);
  padding:.7em 1.4em;border:1px solid var(--line);border-radius:100px;transition:.25s;
}
.intro__skip:hover{color:var(--gold);border-color:var(--flame)}
.intro.is-out{opacity:0;visibility:hidden;pointer-events:none}
body.intro-on{overflow:hidden}

/* ---------- HEADER ---------- */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .35s var(--ease),border-color .35s,backdrop-filter .35s;
  border-bottom:1px solid transparent;
}
.hdr.is-stuck{
  background:rgba(8,5,4,.86);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom-color:var(--line);
}
.hdr__in{display:flex;align-items:center;gap:clamp(14px,3vw,40px);height:76px}
.hdr__brand{display:flex;align-items:center;gap:.7rem;flex:none}
.hdr__brand img{width:42px;height:42px}
.hdr__name{
  display:flex;flex-direction:column;line-height:1;
  font-weight:800;font-size:1.06rem;letter-spacing:-.02em;
}
.hdr__name em{
  font-style:normal;font-size:.56rem;font-weight:600;letter-spacing:.34em;
  color:var(--flame);margin-top:3px;
}
.hdr__nav{display:flex;gap:clamp(16px,2.2vw,30px);margin-left:auto;font-size:.94rem;font-weight:500}
.hdr__nav a{color:#C9BDB5;position:relative;padding:6px 0;transition:color .2s}
.hdr__nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--grad-fire-h);transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease);border-radius:2px;
}
.hdr__nav a:hover{color:var(--cream)}
.hdr__nav a:hover::after{transform:scaleX(1)}
.hdr__cta{padding:.68em 1.25em;font-size:.9rem}
.hdr__burger{display:none;width:44px;height:44px;margin-left:auto;position:relative;flex:none}
.hdr__burger i{
  position:absolute;left:11px;width:22px;height:2px;background:var(--cream);border-radius:2px;
  transition:transform .3s var(--ease),opacity .2s;
}
.hdr__burger i:nth-child(1){top:15px}
.hdr__burger i:nth-child(2){top:21px}
.hdr__burger i:nth-child(3){top:27px}
.hdr__burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hdr__burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.hdr__burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.mnav[hidden]{display:none}
.mnav{
  position:fixed;top:76px;left:0;right:0;z-index:99;
  background:rgba(8,5,4,.97);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
  padding:1rem var(--pad) 1.6rem;
  display:flex;flex-direction:column;gap:2px;
  animation:mnavIn .3s var(--ease);
}
@keyframes mnavIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.mnav a{padding:.95rem .2rem;font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--line)}
.mnav__cta{
  margin-top:1rem;background:var(--wpp);color:#042B12;border:0!important;
  border-radius:100px;text-align:center;font-weight:700;
}

/* ---------- HERO ---------- */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  padding:clamp(120px,18vh,180px) 0 clamp(56px,9vh,92px);
  overflow:hidden;isolation:isolate;
}
.hero__bg{position:absolute;inset:0;z-index:-2}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero__veil{
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(to top,var(--void) 2%,rgba(6,4,3,.82) 24%,rgba(6,4,3,.34) 52%,rgba(6,4,3,.5) 100%),
    linear-gradient(to right,rgba(6,4,3,.94) 0%,rgba(6,4,3,.68) 34%,rgba(6,4,3,.12) 72%);
}
.hero__in{position:relative;width:100%}
.hero__in>*{position:relative;z-index:1}
.hero .eyebrow{text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.7)}
.hero__h{margin-bottom:1.4rem;text-shadow:0 4px 40px rgba(0,0,0,.75),0 2px 12px rgba(0,0,0,.5)}
.hero__p{
  font-size:clamp(1.04rem,1.8vw,1.28rem);color:#D8CCC2;max-width:34ch;
  margin-bottom:2.2rem;text-shadow:0 2px 16px rgba(0,0,0,.7);
}
.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.4rem}
.hero__chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.hero__chips li{
  font-size:.8rem;font-weight:600;letter-spacing:.02em;
  padding:.5em 1.05em;border-radius:100px;
  border:1px solid var(--line-2);background:rgba(10,7,6,.5);
  backdrop-filter:blur(10px);color:#CFC3BA;
}
.hero__chips li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--flame);margin-right:.6em;vertical-align:middle;box-shadow:0 0 8px var(--flame)}

.hero__scroll{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  width:26px;height:42px;border:1.5px solid var(--line-2);border-radius:100px;
  display:grid;place-items:start center;padding-top:8px;
}
.hero__scroll span{width:3px;height:8px;border-radius:2px;background:var(--flame);animation:sc 1.8s var(--ease) infinite}
@keyframes sc{0%{opacity:0;transform:translateY(0)}30%{opacity:1}70%{opacity:1;transform:translateY(14px)}100%{opacity:0;transform:translateY(16px)}}

/* ---------- SEÇÕES ---------- */
.sec{padding-block:var(--sec-y);position:relative}
.sechead{max-width:62ch;margin-bottom:clamp(38px,6vw,66px)}
.sechead__p{margin-top:1.1rem;font-size:1.06rem}

/* ---------- PILARES ---------- */
.pilares{
  padding-block:clamp(56px,8vw,96px);
  background:linear-gradient(180deg,var(--void),var(--ink) 60%,var(--void));
}
.grid3{display:grid;gap:clamp(18px,2.4vw,30px);grid-template-columns:repeat(3,1fr)}
.pil{position:relative}
.pil__img{
  position:relative;border-radius:var(--r-l);overflow:hidden;margin-bottom:1.4rem;
  aspect-ratio:4/5;border:1px solid var(--line);
}
.pil__img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,4,3,.78),rgba(6,4,3,0) 55%);
}
.pil__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.pil:hover .pil__img img{transform:scale(1.05)}
.pil h3{margin-bottom:.55rem}
.pil p{color:var(--muted);font-size:.98rem}

/* ---------- SPLIT ---------- */
.split{display:grid;gap:clamp(34px,6vw,84px);grid-template-columns:1fr 1fr;align-items:center}
.split--rev .split__media{order:2}
.split--rev .split__txt{order:1}
.split__txt h2{margin-bottom:1.3rem}
.split__txt p+p{margin-top:1rem}
.split__media{position:relative}
.split__media--duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px)}
.split__media--duo img{
  width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-l);border:1px solid var(--line);
}
.split__media--duo img:first-child{margin-top:clamp(20px,4vw,44px)}

/* ---------- A BRASA ---------- */
.brasa{
  padding-block:var(--sec-y);position:relative;overflow:hidden;
  background:var(--ink);
}
.brasa::before{
  content:"";position:absolute;left:-12%;top:8%;width:60vw;height:60vw;max-width:760px;max-height:760px;
  background:radial-gradient(circle,rgba(255,107,0,.16),transparent 68%);
  pointer-events:none;filter:blur(20px);
}
.brasa .split__media{min-height:clamp(360px,44vw,540px)}
.brasa__a{
  width:66%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-l);
  border:1px solid var(--line);box-shadow:var(--shadow);
}
.brasa__b{
  position:absolute;right:0;bottom:-4%;width:56%;aspect-ratio:3/2;object-fit:cover;
  border-radius:var(--r-m);border:1px solid var(--line-2);
  box-shadow:var(--shadow),0 0 0 8px var(--ink);
}
.marks{list-style:none;padding:0;display:flex;gap:clamp(20px,3vw,42px);margin-top:2.2rem;flex-wrap:wrap}
.marks li{display:flex;flex-direction:column;gap:2px;position:relative;padding-left:1rem}
.marks li::before{
  content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:2px;background:var(--grad-fire);
}
.marks b{font-size:1.06rem;font-weight:800;letter-spacing:-.02em}
.marks span{font-size:.84rem;color:var(--muted-2)}

/* ---------- CARDÁPIO ---------- */
.cardapio{background:var(--void)}
.menu{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,26px)}
.dish{position:relative}
.dish__img{
  border-radius:var(--r-m);overflow:hidden;aspect-ratio:4/5;margin-bottom:1rem;
  border:1px solid var(--line);position:relative;background:var(--surface);
}
.dish__img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,4,3,.55),transparent 48%);
  opacity:.9;transition:opacity .4s;
}
.dish:hover .dish__img::after{opacity:.45}
.dish__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.dish:hover .dish__img img{transform:scale(1.07)}
.dish h3{font-size:1.05rem;margin-bottom:.4rem}
.dish p{font-size:.9rem;color:var(--muted);line-height:1.55}
.note{
  margin-top:clamp(28px,4vw,44px);font-size:.82rem;color:var(--muted-2);
  padding-top:1.4rem;border-top:1px solid var(--line);
}

/* ---------- BALCÃO ---------- */
.balcao{
  background:
    linear-gradient(180deg,var(--void),var(--ink) 40%,var(--void)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 2px,transparent 2px 9px);
}

/* ---------- BANDAS FULL-BLEED ---------- */
.banda{
  position:relative;isolation:isolate;overflow:hidden;
  padding-block:clamp(96px,15vw,190px);
}
.banda__bg{position:absolute;inset:0;z-index:-2}
.banda__bg img{width:100%;height:100%;object-fit:cover}
.banda::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to right,rgba(6,4,3,.94) 0%,rgba(6,4,3,.72) 45%,rgba(6,4,3,.35) 100%),
             linear-gradient(to top,var(--void),transparent 40%);
}
.banda--mesa::after{
  background:linear-gradient(to top,rgba(6,4,3,.95) 4%,rgba(6,4,3,.62) 45%,rgba(6,4,3,.86) 100%);
}
.banda__in{max-width:56ch}
.banda__in h2{margin-bottom:1.2rem}
.banda__in p{color:#D2C6BC;font-size:1.06rem;margin-bottom:2rem}
.banda__in--center{max-width:60ch;margin-inline:auto;text-align:center}
.banda__in--center .eyebrow{justify-content:center}
.banda__in--center .cta-row{justify-content:center}

/* ---------- AMBIENTE / MOSAICO ---------- */
.ambiente{background:var(--ink)}
.mosaic{
  display:grid;gap:clamp(12px,1.8vw,22px);
  grid-template-columns:1.62fr 1fr 1fr;
  grid-template-areas:"a b c";
}
.mosaic figure{position:relative;margin:0;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line)}
.mosaic__a{grid-area:a} .mosaic__b{grid-area:b} .mosaic__c{grid-area:c}
.mosaic img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;transition:transform .9s var(--ease)}
.mosaic__a img{aspect-ratio:auto;height:100%;min-height:100%}
.mosaic figure:hover img{transform:scale(1.05)}
.mosaic figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.3rem 1.1rem;
  font-size:.86rem;font-weight:600;color:#E7DED6;
  background:linear-gradient(to top,rgba(6,4,3,.9),transparent);
}

/* ---------- FAMÍLIA ---------- */
.familia{background:var(--void);position:relative;overflow:hidden}
.familia::before{
  content:"";position:absolute;right:-14%;bottom:-10%;width:56vw;height:56vw;max-width:640px;max-height:640px;
  background:radial-gradient(circle,rgba(255,107,0,.12),transparent 68%);pointer-events:none;
}
.familia__img{
  width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-l);
  border:1px solid var(--line);box-shadow:var(--shadow);
}

/* ---------- ONDE ---------- */
.onde{background:var(--ink)}
.onde__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(26px,4vw,54px);align-items:stretch}
.onde__info{display:grid;gap:clamp(18px,2.4vw,26px)}
.info{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
  padding:clamp(20px,2.6vw,30px);
}
.info h3{
  font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--flame);margin-bottom:.9rem;
}
.info p{color:#CEC2B9;font-size:1rem}
.link{color:var(--gold);font-weight:600;transition:color .2s}
.link:hover{color:var(--flame)}
.info .link{display:inline-block;margin-top:.9rem}
.info p .link{margin-top:0}

.hours th{text-align:left;font-weight:500;color:var(--muted);padding:.42rem 0;font-size:.97rem}
.hours td{text-align:right;font-weight:700;color:var(--cream);padding:.42rem 0;font-size:.97rem;font-variant-numeric:tabular-nums}
.hours tr+tr th,.hours tr+tr td{border-top:1px solid var(--line)}
.hours__ask{color:var(--gold)!important;font-weight:600!important;font-size:.88rem!important}
.hours__off th,.hours__off td{color:var(--muted-2)!important;font-weight:500!important}

.onde__map{
  border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);
  background:var(--surface);min-height:clamp(320px,42vw,100%);height:100%;
}
.onde__map iframe{width:100%;height:100%;min-height:clamp(320px,42vw,520px);border:0;
  filter:grayscale(.45) sepia(.14) contrast(1.06) brightness(.74) saturate(.9)}

/* ---------- FOOTER ---------- */
.ft{background:var(--void);border-top:1px solid var(--line);padding-block:clamp(48px,7vw,76px) clamp(90px,10vw,56px)}
.ft__in{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,4vw,48px);align-items:start}
.ft__brand{display:flex;gap:1rem;align-items:center}
.ft__brand img{width:56px;height:56px}
.ft__brand p{font-size:.88rem;color:var(--muted);line-height:1.5}
.ft__nav{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;font-size:.92rem;color:#BFB3AB;justify-content:center}
.ft__nav a{transition:color .2s}
.ft__nav a:hover{color:var(--gold)}
.ft__legal{font-size:.8rem;color:var(--muted-2);text-align:right;line-height:1.7}
.ft__by a{color:var(--muted);border-bottom:1px solid var(--line-2);transition:.2s}
.ft__by a:hover{color:var(--gold);border-color:var(--flame)}

/* ---------- FAB WHATSAPP ---------- */
.fab{
  position:fixed;right:18px;bottom:18px;z-index:90;
  width:56px;height:56px;border-radius:50%;
  background:var(--wpp);display:grid;place-items:center;
  box-shadow:0 12px 30px -8px rgba(37,211,102,.65);
  transform:translateY(120px);opacity:0;
  transition:transform .45s var(--ease),opacity .35s,box-shadow .25s;
}
.fab.is-in{transform:none;opacity:1}
.fab:hover{box-shadow:0 16px 40px -8px rgba(37,211,102,.9);transform:translateY(-3px)}
.fab svg{width:29px;height:29px;fill:#042B12}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:1080px){
  .menu{grid-template-columns:repeat(3,1fr)}
  .ft__in{grid-template-columns:1fr;justify-items:start;gap:26px}
  .ft__nav{justify-content:flex-start}
  .ft__legal{text-align:left}
}

@media (min-width:901px){
  .mnav{display:none!important}
}

@media (max-width:900px){
  html{scroll-padding-top:76px}
  .hdr__nav,.hdr__cta{display:none}
  .hdr__burger{display:block}
  .grid3{grid-template-columns:1fr;gap:34px}
  .pil__img{aspect-ratio:16/10}
  .split,.onde__grid{grid-template-columns:1fr}
  .split--rev .split__media{order:1}
  .split--rev .split__txt{order:2}
  .brasa .split__media{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
  .brasa__a{width:100%}
  .brasa__b{position:static;width:100%;box-shadow:var(--shadow)}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "b c"}
  .mosaic__a img{aspect-ratio:16/9}
  .onde__map{min-height:340px}
}

@media (max-aspect-ratio:5/4){
  /* o hero vertical tem a area escura embaixo: puxa o crop pra la */
  .hero__bg img{object-position:50% 76%}
  /* scrim local atras do bloco de texto: garante contraste sobre a carne clara */
  .hero__in::before{
    content:"";position:absolute;z-index:0;
    left:calc(var(--pad)*-1);right:calc(var(--pad)*-1);top:-8%;bottom:-40%;
    background:radial-gradient(115% 78% at 34% 58%,rgba(6,4,3,.94) 0%,rgba(6,4,3,.86) 38%,rgba(6,4,3,.5) 64%,rgba(6,4,3,0) 82%);
    pointer-events:none;
  }
  .hero__veil{
    background:
      linear-gradient(to top,var(--void) 0%,rgba(6,4,3,.96) 30%,rgba(6,4,3,.88) 50%,rgba(6,4,3,.5) 70%,rgba(6,4,3,.2) 84%,rgba(6,4,3,.6) 100%);
  }
}

@media (max-width:720px){
  .hero{min-height:96svh;align-items:flex-end}
  .hero__veil{
    background:
      linear-gradient(to top,var(--void) 1%,rgba(6,4,3,.86) 30%,rgba(6,4,3,.12) 62%,rgba(6,4,3,.5) 100%);
  }
  .hero__p{max-width:none}
  .hero__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .hero__scroll{display:none}
  .menu{grid-template-columns:repeat(2,1fr)}
  .banda::after{background:linear-gradient(to top,rgba(6,4,3,.96) 6%,rgba(6,4,3,.62) 52%,rgba(6,4,3,.78) 100%)}
  .banda__in{max-width:none}
  .cta-row .btn{width:100%}
  .marks{gap:18px}
}

@media (max-width:460px){
  .menu{grid-template-columns:1fr;gap:26px}
  .dish__img{aspect-ratio:16/11}
  .mosaic{grid-template-columns:1fr;grid-template-areas:"a" "b" "c"}
  .mosaic img,.mosaic__a img{aspect-ratio:16/10}
  .split__media--duo img:first-child{margin-top:0}
  .brasa .split__media{grid-template-columns:1fr;gap:16px}
}

/* ---------- MOVIMENTO REDUZIDO ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
  .reveal{opacity:1;transform:none}
  .fab{transform:none;opacity:1}
}

/* ---------- IMPRESSÃO ---------- */
@media print{
  .hdr,.mnav,.fab,.intro,.hero__scroll,.onde__map{display:none!important}
  body{background:#fff;color:#000}
  .fire{-webkit-text-fill-color:#C4400A;color:#C4400A}
}