:root{--negro:#0e0c0b;--negro2:#171310;--linea:#2e2620;--txt:#f3ece3;--mut:#a8998a;--brasa:#ff5a1f;--brasa2:#ff8a3d;--wa:#25d366}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{font-family:Inter,system-ui,sans-serif;background:var(--negro);color:var(--txt);line-height:1.6;padding-bottom:76px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:min(1180px,100% - 2rem);margin-inline:auto}
h1,h2,h3,h4{font-family:Oswald,Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.02;letter-spacing:.01em}
h1{font-size:clamp(2.8rem,9vw,6rem)}
h1 span{color:var(--brasa)}
.kicker{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.25em;font-size:.85rem;color:var(--brasa2)}
.h-sec{font-size:clamp(2.2rem,6vw,3.6rem)}
.lead{color:var(--mut);margin-top:.4rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:500;text-decoration:none;padding:.85rem 1.5rem;border:2px solid transparent;border-radius:4px;font-size:1rem;transition:background .15s,color .15s}
.btn svg{width:1.25em;height:1.25em;flex:none}
.btn-wa{background:var(--wa);color:#04210f}
.btn-wa:hover{background:#3be37b}
.btn-fire{background:var(--brasa);color:#1a0800}
.btn-fire:hover{background:var(--brasa2)}
.btn-line{border-color:var(--txt);color:var(--txt)}
.btn-line:hover{background:var(--txt);color:var(--negro)}
.btn-tel{border-color:var(--linea);color:var(--txt)}
.btn-xl{padding:1.05rem 1.8rem;font-size:1.1rem}
.btn-sm{padding:.5rem .9rem;font-size:.9rem}
.pulse{animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

.top{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(rgba(14,12,11,.92),rgba(14,12,11,.7));backdrop-filter:blur(6px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
.logo{font-family:Oswald,sans-serif;font-weight:700;font-size:1.6rem;letter-spacing:.08em;text-decoration:none}
.logo span{color:var(--brasa)}
.nav{display:none;gap:1.6rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}
.nav a{text-decoration:none;color:var(--mut)}
.nav a:hover{color:var(--brasa2)}

.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(14,12,11,.95) 92%),linear-gradient(90deg,rgba(14,12,11,.93) 0%,rgba(14,12,11,.78) 45%,rgba(14,12,11,.25) 100%)}
.hero>.wrap{position:relative;z-index:2;display:grid;gap:1.1rem;padding:7rem 0 2.5rem}
.sub{max-width:560px;font-size:1.15rem;color:#e2d6c8}
.ctas{display:flex;gap:.8rem;flex-wrap:wrap}
.stats{position:relative;z-index:2;border-top:1px solid var(--linea);background:rgba(14,12,11,.9)}
.stats .wrap{display:grid;grid-template-columns:repeat(2,1fr)}
.stats .wrap>div{padding:1.1rem .5rem;display:grid;border-right:1px solid var(--linea)}
.stats .wrap>div:nth-child(2n){border-right:0}
.stats b{font-family:Oswald,sans-serif;font-size:2rem;color:var(--brasa);line-height:1}
.stats span{font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}

.cat{padding:4rem 0;border-bottom:1px solid var(--linea)}
.cat .wrap{display:grid;gap:2rem}
.cat-foto{position:relative;border-radius:6px;overflow:hidden;align-self:start}
.cat-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cat-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(14,12,11,.9))}
.cat-label{position:absolute;left:1.2rem;bottom:1.1rem;z-index:2}
.cat-label span{font-family:Oswald,sans-serif;color:var(--brasa);font-size:1rem;letter-spacing:.2em}
.cat-label h2{font-size:clamp(2rem,5vw,3rem)}
.cat-label p{color:var(--brasa2);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.menu{display:grid;gap:0}
.menu-intro{color:var(--mut);font-size:1.05rem;margin-bottom:1rem}
.item{padding:1.2rem 0;border-top:1px dashed var(--linea);display:grid;gap:.35rem}
.item-top{display:flex;align-items:baseline;gap:.6rem}
.item-top h4{font-size:1.5rem;font-weight:500;white-space:nowrap}
.dots{flex:1;border-bottom:2px dotted #5a4a3e;transform:translateY(-.3rem);min-width:1rem}
.item-top b{font-family:Oswald,sans-serif;font-size:2rem;color:var(--brasa);line-height:1}
.hot{display:inline-block;vertical-align:middle;font-size:.65rem;letter-spacing:.12em;background:var(--brasa);color:#1a0800;padding:.15rem .5rem;border-radius:3px;margin-left:.3rem;transform:translateY(-.2rem)}
.item-et{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brasa2)}
.item-inc{color:var(--mut);font-size:.95rem}
.pedir{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;color:var(--wa);text-decoration:none;margin-top:.2rem}
.pedir svg{width:1.1em;height:1.1em}
.pedir:hover{text-decoration:underline}
.menu-nota{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--linea);font-size:.9rem;color:var(--txt)}

.premium{position:relative;padding:5rem 0;overflow:hidden}
.premium-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.premium::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,12,11,.2),rgba(14,12,11,.85) 50%)}
.premium .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end}
.premium-box{max-width:560px;background:rgba(14,12,11,.88);border:1px solid var(--brasa);padding:2rem;display:grid;gap:.9rem;border-radius:6px}
.premium-box h2{font-size:clamp(2.2rem,6vw,3.4rem)}
.premium-precio{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.premium-precio b{font-size:2.6rem;color:var(--brasa)}
.premium-carnes{color:#e2d6c8}
.premium ul{list-style:none;display:grid;gap:.3rem;font-size:.95rem;color:var(--mut)}
.premium li::before{content:"— ";color:var(--brasa)}
.premium .btn{justify-self:start}

.sec{padding:4rem 0}
.sec-dark{background:var(--negro2)}
.tira{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.6rem 1rem 0;scrollbar-width:thin}
.tira img{flex:none;height:300px;width:auto;border-radius:4px;scroll-snap-align:start}

.quick{display:grid;gap:1.4rem;border:1px solid var(--linea);padding:1.6rem;border-radius:6px}
.quick-head h2{font-size:clamp(2rem,5vw,3rem)}
.quick-head p{color:var(--mut)}
.quick-grid{display:grid;gap:1rem}
.f{display:grid;gap:.3rem}
.f label{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--mut)}
.f input,.f select{font:inherit;color:var(--txt);background:var(--negro);border:1px solid var(--linea);border-radius:4px;padding:.8rem .9rem;width:100%;color-scheme:dark}
.f input:focus,.f select:focus{outline:2px solid var(--brasa);border-color:transparent}
.quick-preview{font-size:.9rem;color:var(--mut)}
.quick-note{font-size:.8rem;color:var(--mut)}
.quick-send .btn{width:100%}

.pasos{display:grid;gap:1.2rem;margin-top:2rem}
.pasos>div{border-top:3px solid var(--brasa);padding-top:1rem;display:grid;gap:.3rem}
.pasos span{font-family:Oswald,sans-serif;color:var(--brasa);font-size:1.1rem;letter-spacing:.15em}
.pasos h3{font-size:1.8rem}
.pasos p{color:var(--mut)}

.faq{display:grid;gap:0;margin-top:1.6rem}
.faq details{border-bottom:1px solid var(--linea);padding:1rem 0}
.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.faq p{color:var(--mut);margin-top:.5rem}

.cierre{background:var(--brasa);color:#1a0800;padding:4rem 0;text-align:center}
.cierre .wrap{display:grid;gap:1rem;justify-items:center}
.cierre h2{font-size:clamp(2.4rem,7vw,4.2rem)}
.cierre p{font-size:1.15rem;font-weight:500}
.cierre .ctas{justify-content:center}
.cierre .btn-line{border-color:#1a0800;color:#1a0800}
.cierre .btn-line:hover{background:#1a0800;color:var(--brasa)}

.pie{padding:2rem 0;color:var(--mut);font-size:.9rem}
.pie .wrap{display:grid;gap:.35rem}

.wa-float{display:none;position:fixed;right:1.2rem;bottom:1.2rem;z-index:60;width:3.8rem;height:3.8rem;border-radius:50%;background:var(--wa);color:#04210f;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.wa-float svg{width:2rem;height:2rem}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:.6rem;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(14,12,11,.97);border-top:1px solid var(--linea)}
.sticky-bar .btn-wa{flex:1}

@media(min-width:760px){
  body{padding-bottom:0}
  .sticky-bar{display:none}
  .wa-float{display:grid}
  .nav{display:flex}
  .stats .wrap{grid-template-columns:repeat(4,1fr)}
  .stats .wrap>div,.stats .wrap>div:nth-child(2n){border-right:1px solid var(--linea);padding-left:1.2rem}
  .stats .wrap>div:last-child{border-right:0}
  .cat .wrap{grid-template-columns:1fr 1.1fr;gap:3rem}
  .cat-foto{position:sticky;top:5rem}
  .cat:nth-of-type(even) .cat-foto{order:2}
  .tira{padding-inline:max(1rem,calc((100% - 1180px)/2))}
  .tira img{height:380px}
  .quick{grid-template-columns:.8fr 1.4fr;padding:2.4rem;align-items:start}
  .quick-grid{grid-template-columns:1fr 1fr}
  .f-full,.quick-preview,.quick-send,.quick-note{grid-column:1/-1}
  .pasos{grid-template-columns:repeat(3,1fr)}
  .faq{grid-template-columns:1fr 1fr;column-gap:3rem}
}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}html{scroll-behavior:auto}}
.quick-total{display:grid;gap:.1rem;border:1px solid var(--brasa);border-radius:4px;padding:1rem 1.2rem;background:rgba(255,90,31,.08)}
.quick-total[hidden]{display:none}
.quick-total span{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;color:var(--mut)}
.quick-total b{font-family:Oswald,sans-serif;font-size:2.6rem;color:var(--brasa);line-height:1.1}
.quick-total small{color:var(--mut)}
.sticky-bar .btn{padding:.75rem 1rem;white-space:nowrap;font-size:.95rem}