/* Brasa Sur: nivel 1, animación sutil. Cartel de cocina de fuego: Anton en mayúsculas, carbón, ceniza y brasa. */
@font-face{font-family:Anton;src:url('assets/anton.woff2') format('woff2');font-display:swap}
body.brasa-sur{--bg:#120b0a;--ink:#f3e9d8;--soft:#d9c9b4;--line:#3a2a24;--ember:#ff6a1a;--poster:Anton,Impact,'Arial Narrow',sans-serif;background:var(--bg);color:var(--ink)}
.brasa-sur .demo-header{position:absolute;left:0;right:0;top:48px;z-index:6;background:transparent}
.brasa-sur .wordmark{font-family:var(--poster);font-weight:400;font-size:30px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.brasa-sur .demo-rail{position:relative}
.bs-hero{position:relative;height:calc(100svh - 48px);min-height:640px;max-height:980px;overflow:hidden;background:#120b0a}
.bs-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;filter:saturate(1.1) contrast(1.08)}
.bs-hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#120b0aee 0,#120b0a33 55%,#120b0a99 100%),linear-gradient(90deg,#120b0acc 0,#120b0a00 60%)}
.bs-ember{position:absolute;inset:0;z-index:1;mix-blend-mode:screen;background:radial-gradient(60% 50% at 78% 62%,#ff6a1a55,transparent 70%),radial-gradient(40% 40% at 30% 100%,#ff3a1a44,transparent 70%)}
.bs-hero h1{position:absolute;z-index:2;left:4vw;bottom:5vh;font-family:var(--poster);font-weight:400;text-transform:uppercase;font-size:clamp(96px,18.5vw,330px);line-height:.84;letter-spacing:-.01em;color:var(--ink)}
.bs-hero-side{position:absolute;z-index:3;right:4vw;top:140px;max-width:280px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.bs-hero-side p{color:var(--ink)!important;font-size:17px;line-height:1.35}
.bs-cap{position:absolute;z-index:3;right:4vw;bottom:24px;font-size:13px;color:var(--soft)!important}
.brasa-sur .button{background:var(--ember);color:#120b0a;font-weight:700}
.bs-link{color:var(--ink);font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.bs-build{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;padding:110px 4vw;align-items:start;border-top:1px solid var(--line)}
.bs-words{display:flex;flex-direction:column;position:sticky;top:90px}
.bs-words button{background:none;border:0;padding:0;text-align:left;cursor:pointer;font-family:var(--poster);text-transform:uppercase;font-size:clamp(76px,12.5vw,210px);line-height:.92;color:transparent;-webkit-text-stroke:1.5px #6a4e44;transition:color .35s,-webkit-text-stroke-color .35s}
.bs-words button:hover{-webkit-text-stroke-color:var(--ink)}
.bs-words button[aria-pressed=true]{color:var(--ink);-webkit-text-stroke-color:var(--ink)}
.bs-words button:focus-visible{outline:2px solid var(--ember);outline-offset:4px}
.bs-stage{position:relative;aspect-ratio:4/5;overflow:hidden;background:#1d0f0c}
.bs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease,transform 1.2s ease;transform:scale(1.05)}
.bs-img.is-on{opacity:1;transform:scale(1)}
.bs-feat{margin-top:22px}.bs-feat h3{font-family:var(--poster);font-weight:400;text-transform:uppercase;font-size:34px;letter-spacing:.01em;color:var(--ember)}
.bs-feat p{margin-top:8px;font-size:17px;max-width:420px;color:var(--soft)}
.bs-menu{padding:100px 4vw 90px;background:#1b1210;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:start}
.bs-menu h2{font-family:var(--poster);font-weight:400;text-transform:uppercase;font-size:clamp(70px,9vw,150px);line-height:.88;color:var(--ink);position:sticky;top:90px}
.bs-dishes{list-style:none;margin:0;padding:0}
.bs-dishes li{padding:26px 0 24px;border-bottom:1px solid var(--line)}
.bs-row{display:flex;align-items:baseline;gap:14px}
.bs-row h3{font-family:var(--poster);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.4vw,54px);letter-spacing:.01em;color:var(--ink);white-space:nowrap}
.bs-row i{flex:1;border-bottom:3px dotted #6a4e44;transform:translateY(-6px);min-width:20px}
.bs-row span{font-family:var(--poster);font-size:clamp(30px,3.4vw,54px);color:var(--ember)}
.bs-dishes p{margin-top:6px;font-size:16px;color:var(--soft);max-width:520px}
.bs-small{grid-column:2;font-size:13px;color:var(--soft);margin-top:18px}
.bs-visit{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:90px 4vw;background:var(--ember);color:#120b0a}
.bs-visit h2{font-family:var(--poster);font-weight:400;text-transform:uppercase;font-size:clamp(80px,13vw,230px);line-height:.84;color:#120b0a}
.bs-visit p{color:#120b0a!important;margin-top:20px;max-width:420px;font-size:17px}
.bs-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.brasa-sur .bs-visit .button{background:#120b0a;color:var(--ink)}.bs-link2{color:#120b0a;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.brasa-sur .demo-end{padding-left:4vw;padding-right:4vw;background:#120b0a;color:var(--ink);border-top:1px solid var(--line)}.brasa-sur .demo-end h2{font-family:var(--poster);font-weight:400;text-transform:uppercase;color:var(--ink)}.brasa-sur .demo-end p,.brasa-sur footer,.brasa-sur footer a{color:var(--soft)}.brasa-sur .demo-end .eyebrow{display:none}
@media(prefers-reduced-motion:no-preference){.bs-hero-img{animation:bs-steam 11s ease-in-out infinite alternate}.bs-ember{animation:bs-flick 3.6s ease-in-out infinite alternate}@keyframes bs-steam{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes bs-flick{0%{opacity:.55}30%{opacity:1}55%{opacity:.7}100%{opacity:.95}}.bs-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.bs-reveal.is-in{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.bs-img{transition:none}}
@media(max-width:900px){.brasa-sur .demo-header{top:48px;padding:14px 20px}.brasa-sur .demo-header nav{display:flex;gap:14px}.brasa-sur .demo-header nav a:nth-child(1),.brasa-sur .demo-header nav a:nth-child(2){display:none}
 .bs-hero{min-height:620px}.bs-hero h1{left:20px;font-size:clamp(84px,27vw,200px);bottom:56px}.bs-hero-side{left:20px;right:20px;top:112px;max-width:none}.bs-hero-side p{font-size:16px}.bs-cap{right:20px;bottom:18px}
 .bs-build{display:block;padding:64px 20px}.bs-words{position:static;flex-direction:row;gap:14px;flex-wrap:wrap}.bs-words button{font-size:clamp(46px,15vw,90px)}.bs-side{margin-top:26px}.bs-stage{aspect-ratio:3/2}
 .bs-menu{display:block;padding:64px 20px}.bs-menu h2{position:static;font-size:76px}.bs-dishes{margin-top:26px}.bs-small{margin-top:16px}
 .bs-visit{display:block;padding:64px 20px}.bs-visit .button{display:block;text-align:center;margin-top:26px;width:100%}.bs-actions{margin-top:24px;align-items:stretch}.bs-link2{text-align:center}}
@media(max-width:560px){.bs-row{flex-wrap:wrap;gap:0 10px}.bs-row i{display:none}.bs-row span{margin-left:auto}.bs-row h3{white-space:normal;font-size:28px}.bs-row span{font-size:28px}}

.brasa-sur h1,.brasa-sur h2,.brasa-sur h3{letter-spacing:0}
.bs-words button{-webkit-text-stroke-color:#9c7b6e}
.bs-link2{display:inline-block;background:#120b0a;color:var(--ink);padding:16px 24px;border-radius:6px;text-decoration:none;font-size:16px}

.bs-visit h2{line-height:.96}.bs-hero h1{line-height:.9}.bs-menu h2{line-height:.95}