:root{--coal:#151210;--coal2:#221C18;--ember:#FF6A1A;--ember2:#E2540A;--cream:#F3E6D0;--ash:#A39787;--line:rgba(243,230,208,.14);
--fd:'Anton',Impact,sans-serif;--fb:'Work Sans',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--fb);background:var(--coal);color:var(--cream);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
svg{width:1.15em;height:1.15em;flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
h1,h2{font-family:var(--fd);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.005em}
h2{font-size:clamp(2.6rem,7vw,5rem)}
em{font-style:normal;color:var(--ember)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-weight:700;text-decoration:none;padding:.85em 1.4em;border:2px solid transparent;min-height:48px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;transition:background .2s,color .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn--sm{padding:.5em 1em;min-height:40px;font-size:.85rem}
.btn--lg{padding:1em 1.6em}
.btn--ember{background:var(--ember);color:var(--coal)}.btn--ember:hover{background:var(--cream)}
.btn--line{border-color:var(--cream);color:var(--cream)}.btn--line:hover{background:var(--cream);color:var(--coal)}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.nav{position:sticky;top:0;z-index:50;background:rgba(21,18,16,.86);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-color:var(--line)}
.nav__in{display:flex;align-items:center;gap:28px;height:74px}
.logo{display:flex;flex-direction:column;text-decoration:none;margin-right:auto;line-height:1}
.logo__k{font-family:var(--fd);font-size:1.7rem;text-transform:uppercase;color:var(--ember)}
.logo__s{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash);margin-top:2px}
.nav__links{display:flex;gap:28px}.nav__links a{text-decoration:none;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}.nav__links a:hover{color:var(--ember)}
.burger{display:none;width:46px;height:46px;border:1.5px solid var(--line);background:transparent;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}
.burger span{width:22px;height:2px;background:var(--cream);transition:transform .25s}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mmenu{display:none}
.hero{position:relative;padding:48px 0 96px;overflow:hidden;background:radial-gradient(60% 70% at 80% 60%,rgba(255,106,26,.22),transparent 70%)}
.hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;position:relative;z-index:1}
.badge{display:inline-flex;align-items:center;gap:12px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ash);margin-bottom:22px}
.badge span{background:var(--ember);color:var(--coal);font-family:var(--fd);font-size:1rem;letter-spacing:.04em;padding:.2em .6em;border-radius:3px}
.hero h1{font-size:clamp(3.2rem,9vw,7.4rem)}
.h1__s{display:block;font-family:var(--fb);font-weight:600;font-size:clamp(.85rem,1.4vw,1rem);letter-spacing:.2em;color:var(--ember);margin-bottom:14px;line-height:1.3}
.lead{font-size:1.15rem;max-width:48ch;margin:22px 0 30px;color:rgba(243,230,208,.8)}
.score{display:flex;align-items:center;gap:16px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.score b{font-family:var(--fd);font-size:3rem;font-weight:400;line-height:1}
.score small{display:block;color:var(--ash);font-size:.88rem}
.stars{color:var(--ember);letter-spacing:3px}
.now{margin-left:auto;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:.5em .9em;border-radius:999px;border:1.5px solid var(--line)}
.now.is-open{color:#7CF29B;border-color:rgba(124,242,155,.4)}
.now.is-open::before{content:"● "}
.now.is-closed{color:var(--ash)}
.hero__img{position:relative}
.hero__img img{width:100%;aspect-ratio:3/4.4;object-fit:cover;border-radius:200px 200px 6px 6px;filter:contrast(1.05) saturate(1.1)}
.hero__img figcaption{position:absolute;left:-28px;bottom:36px;background:var(--cream);color:var(--coal);font-family:var(--fd);text-transform:uppercase;font-size:1.3rem;padding:.4em .8em;transform:rotate(-4deg)}
.embers i{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px 3px rgba(255,106,26,.7);opacity:0;animation:rise 7s linear infinite}
.embers i:nth-child(1){left:58%;animation-delay:0s}.embers i:nth-child(2){left:66%;animation-delay:1.2s}.embers i:nth-child(3){left:74%;animation-delay:2.6s}.embers i:nth-child(4){left:82%;animation-delay:.6s}.embers i:nth-child(5){left:90%;animation-delay:3.4s}.embers i:nth-child(6){left:70%;animation-delay:4.4s}.embers i:nth-child(7){left:62%;animation-delay:5.2s}.embers i:nth-child(8){left:86%;animation-delay:6s}
@keyframes rise{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(-40px,-560px);opacity:0}}
.sec{padding:clamp(64px,9vw,112px) 0}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}
.note{color:var(--ash);max-width:46ch;font-size:.94rem}
.note--dk{color:rgba(21,18,16,.75);margin-top:16px}
.board{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.list{list-style:none;padding:0;counter-reset:n}
.list li{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);counter-increment:n}
.list li::before{content:counter(n,decimal-leading-zero);font-size:.78rem;color:var(--ember);font-weight:700;width:26px}
.list span{font-family:var(--fd);text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1}
.list i{flex:1;border-bottom:2px dotted rgba(243,230,208,.25);transform:translateY(-6px);min-width:16px}
.list small{color:var(--ash);font-size:.85rem;text-align:right}
.list .star span{color:var(--ember)}
.pics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pics img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.pics img:first-child{grid-column:1/-1;aspect-ratio:16/9}
.pics img:not(:first-child){aspect-ratio:4/5}
.sec--ember{background:var(--ember);color:var(--coal)}
.horario{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hours{width:100%;border-collapse:collapse;font-size:1.1rem}
.hours th,.hours td{padding:20px 0;border-bottom:2px solid rgba(21,18,16,.25);text-align:left}
.hours th{font-weight:600}
.hours td{text-align:right;font-family:var(--fd);font-size:clamp(1.6rem,3.6vw,2.4rem);text-transform:uppercase}
.onde{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:stretch}
.info{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px}
.info li{display:flex;gap:12px;align-items:flex-start}
.info svg{color:var(--ember);margin-top:3px}
.info a{font-weight:700}
.map{border-radius:6px;overflow:hidden;min-height:380px;border:1px solid var(--line);background:var(--coal2)}
.map iframe{width:100%;height:100%;min-height:380px;border:0;display:block;filter:grayscale(.3) contrast(1.05)}
.foot{border-top:1px solid var(--line);padding:36px 0 110px;color:var(--ash);font-size:.9rem}
.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.foot__brand{font-family:var(--fd);font-size:1.8rem;text-transform:uppercase;color:var(--ember);line-height:1}
.foot__brand small{display:block;font-family:var(--fb);font-size:.75rem;letter-spacing:.2em;color:var(--ash);margin-top:4px}
.fab{position:fixed;right:16px;bottom:16px;z-index:40;display:none;align-items:center;gap:8px;background:var(--ember);color:var(--coal);font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;padding:15px 22px;border-radius:4px;box-shadow:0 10px 30px -6px rgba(255,106,26,.55)}
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.embers{display:none}html{scroll-behavior:auto}}
@media (max-width:900px){
 .nav__links,.nav__cta{display:none}.burger{display:flex}
 .mmenu{display:flex;flex-direction:column;padding:0 20px;max-height:0;overflow:hidden;transition:max-height .35s,padding .35s}
 .mmenu.open{max-height:400px;padding:4px 20px 24px}
 .mmenu a:not(.btn){font-family:var(--fd);text-transform:uppercase;font-size:1.8rem;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}
 .mmenu .btn{margin-top:16px}
 .hero__grid,.board,.horario,.onde{grid-template-columns:1fr}
 .hero__img{width:min(320px,78%);justify-self:center}
 .hero__img img{aspect-ratio:4/5}
 .fab{display:inline-flex}
}
@media (max-width:560px){
 .ctas .btn{width:100%}
 .now{margin-left:0}
 .list small{display:none}
 .hero__img figcaption{left:-14px;font-size:1.05rem}
}