:root{--red:#b60812;--bright-red:#e31320;--yellow:#ffb400;--ink:#100d0c;--cream:#fff9ee;--white:#fff;--muted:#6d625c;--radius:24px;--shadow:0 18px 45px rgba(36,7,5,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;min-height:78px;padding:12px clamp(20px,5vw,72px);background:rgba(16,13,12,.96);color:var(--white);border-bottom:3px solid var(--yellow);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-weight:900;font-size:1.15rem}.brand img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--yellow)}nav{display:flex;gap:24px;font-weight:800}nav a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:900;box-shadow:0 7px 0 #8d230f;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 9px 0 #8d230f}.button-small{min-height:42px;padding:9px 17px;font-size:.9rem}.button-outline{background:transparent;color:inherit;border:2px solid currentColor;box-shadow:none}.button-outline:hover{box-shadow:none}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(35px,6vw,90px);align-items:center;padding:clamp(48px,7vw,100px) clamp(20px,7vw,110px);background:radial-gradient(circle at 70% 30%,rgba(255,180,0,.18),transparent 26%),linear-gradient(135deg,#120c0b 0%,#2a0c09 58%,#74050c 100%);color:var(--white);overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:950;color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:24px;font-size:clamp(3rem,6vw,6.5rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.hero-text{max-width:660px;color:#eadfd9;font-size:clamp(1.06rem,1.4vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.quick-info{display:flex;flex-wrap:wrap;gap:18px 38px;margin:38px 0 0}.quick-info div{padding-left:14px;border-left:3px solid var(--yellow)}.quick-info dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#d0c2bc}.quick-info dd{margin:3px 0 0;font-weight:850}.hero-visual{position:relative;margin:0;transform:rotate(2deg)}.hero-visual img{width:100%;max-height:670px;object-fit:cover;border-radius:38px;border:4px solid var(--yellow);box-shadow:0 30px 80px rgba(0,0,0,.48)}.hero-visual figcaption{position:absolute;right:-14px;bottom:28px;display:flex;flex-direction:column;padding:14px 21px;background:var(--white);color:var(--ink);border-radius:16px;box-shadow:var(--shadow);transform:rotate(-4deg)}.hero-visual figcaption span{font-size:.75rem;text-transform:uppercase;color:var(--red);font-weight:900}.hero-visual figcaption strong{font-size:1.15rem}.menu-section{padding:clamp(70px,9vw,130px) clamp(20px,7vw,110px)}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2,.location h2{font-size:clamp(2.2rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.04em;margin-bottom:18px}.section-heading>p:last-child{color:var(--muted);font-size:1.1rem}.menu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.menu-card{grid-column:span 2;overflow:hidden;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #eee0d5}.menu-card.featured{grid-column:span 3}.menu-card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 42%}.card-body{padding:24px}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-title h3{font-size:1.42rem;line-height:1.1}.card-title strong{flex:none;padding:5px 10px;border-radius:9px;background:var(--red);color:var(--white);font-size:1.1rem}.card-body p{margin-bottom:0;color:var(--muted)}.badge{display:inline-block;margin-top:17px;padding:6px 10px;background:#fff0bd;color:#6d4000;border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.location{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,90px);align-items:center;padding:clamp(70px,8vw,120px) clamp(20px,7vw,110px);background:var(--red);color:var(--white)}.location>div>p:not(.eyebrow){max-width:620px;font-size:1.1rem;color:#ffe9e3}.location .hours{font-weight:900}.location img{width:100%;max-height:590px;object-fit:cover;border-radius:28px;border:4px solid var(--yellow);box-shadow:0 25px 65px rgba(0,0,0,.3)}footer{display:flex;align-items:center;gap:16px;padding:28px clamp(20px,7vw,110px);background:var(--ink);color:var(--white)}footer img{width:48px;height:48px;border-radius:50%;object-fit:cover}footer div{display:flex;flex-direction:column}footer div span{font-size:.85rem;color:#bdb1ab}footer p{margin:0 0 0 auto;color:#bdb1ab;font-size:.85rem}.floating-order{display:none}
@media(max-width:900px){.site-header nav{display:none}.site-header .button-small{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{max-width:620px}.menu-card,.menu-card.featured{grid-column:span 3}.location{grid-template-columns:1fr}footer{flex-wrap:wrap}footer p{width:100%;margin:8px 0 0}.floating-order{position:fixed;z-index:30;display:block;right:16px;bottom:16px;padding:14px 20px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:950;box-shadow:0 10px 25px rgba(0,0,0,.3)}}
@media(max-width:580px){.site-header{min-height:68px}.brand img{width:42px;height:42px}.brand span{font-size:1rem}.hero{padding-top:52px}.hero h1{font-size:clamp(2.75rem,15vw,4.4rem)}.hero-visual figcaption{right:8px;bottom:16px}.menu-grid{display:block}.menu-card{margin-bottom:20px}.menu-card img{aspect-ratio:1/1}.location .hero-actions{align-items:stretch;flex-direction:column}.location .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Refinamiento de marca: rojo y negro dominantes; amarillo solo como acento. */
.site-header{border-bottom-color:var(--red)}
.brand{font-size:1.05rem}
.brand img{border-color:var(--white)}
nav a:hover{color:#ff7d82}
.button{background:var(--red);color:var(--white);box-shadow:0 7px 0 #4e080b}
.button:hover{box-shadow:0 9px 0 #4e080b}
.button-outline{background:transparent;color:inherit;box-shadow:none}
.hero{background:radial-gradient(circle at 70% 30%,rgba(182,8,18,.3),transparent 28%),linear-gradient(135deg,#120c0b 0%,#2a0c09 58%,#74050c 100%)}
.eyebrow{color:#ff7d82}
.hero-visual img,.location img{border-color:var(--white)}
.badge{background:#ffe6e7;color:#8e0710}
.location .hours{font-weight:700}
.location .hours p{margin-bottom:8px}
.location .button{background:var(--white);color:var(--red);box-shadow:0 7px 0 #60070c}
.location .button-outline{background:transparent;color:var(--white);box-shadow:none}
.floating-order{background:var(--red);color:var(--white)}
@media(max-width:900px){.brand{font-size:.92rem}}
@media(max-width:580px){.brand span{max-width:190px;font-size:.82rem;line-height:1.15}}
.hero{position:relative;padding-bottom:clamp(88px,10vw,150px)}
.hero-copy,.hero-visual{position:relative;z-index:2}
.flame-accent{position:absolute;z-index:1;left:0;bottom:-2px;width:100%;height:clamp(90px,14vw,210px);object-fit:cover;object-position:center bottom;opacity:.64;pointer-events:none;filter:saturate(1.08) contrast(1.05)}
@media(max-width:580px){.flame-accent{height:105px;opacity:.56}}

/* Keep essential visit information readable over the flame accent. */
.quick-info{
  position:relative;
  z-index:3;
  gap:12px;
}
.quick-info div{
  padding:12px 16px;
  background:rgba(10,7,6,.86);
  border:1px solid rgba(255,255,255,.16);
  border-left:4px solid var(--yellow);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.3);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.quick-info dt{color:#f3ddd8}
.quick-info dd{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55)}
@media(max-width:580px){.quick-info div{width:100%}}

/* La paleta de parrilla conserva el detalle distintivo del logotipo original. */
.brand-name{display:inline-flex;align-items:center;gap:.28em;white-space:nowrap}
.grill-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--yellow);transform:rotate(4deg)}
.grill-separator svg{display:block;width:.78em;height:1.32em;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer .grill-separator{font-size:1.08em}
@media(max-width:580px){.brand-name{white-space:normal;gap:.22em}.brand .grill-separator{font-size:1.06em}}

/* Fotografías limpias y consistentes: el producto es el protagonista. */
.menu-card img{object-position:center}