@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;800&display=swap');
:root{--red:#ff2b32;--black:#090909;--cream:#f6f0e6;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
.nav{position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(9,9,9,.95);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:17px 5vw}.brand{font-family:Anton,Impact,sans-serif;font-size:25px;letter-spacing:1px}.brand span{display:block;font-family:Inter,sans-serif;font-size:8px;letter-spacing:4px;color:#bbb}.nav nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:800}.nav-order{background:var(--red);padding:11px 15px;border-radius:3px}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:100vh;background:var(--red);color:#fff;display:flex;align-items:center;padding:130px 9vw 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:620px;height:620px;border:80px solid rgba(0,0,0,.08);border-radius:50%;right:-210px;bottom:-180px}.hero-copy{max-width:700px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;margin:0 0 15px}.hero h1,.statement h2,.section h2,.order h2,.menu-photo h2{font-family:Anton,Impact,sans-serif;line-height:.9;letter-spacing:1px}.hero h1{font-size:clamp(72px,12vw,160px);margin:0}.hero h1 span,.section h2 span,.statement h2 span,.menu-photo h2 span{color:var(--black)}.hero-text{font-size:18px;line-height:1.6;max-width:560px;margin:28px 0}.hero-actions{display:flex;gap:12px}.btn{display:inline-block;padding:15px 23px;font-size:12px;font-weight:800;letter-spacing:1px;border:2px solid transparent}.btn-light{background:#fff;color:#111}.btn-outline{border-color:#fff}.btn-dark{background:#111;color:#fff}.hero-badge{position:absolute;right:10%;top:34%;font-family:Anton,Impact,sans-serif;font-size:85px;line-height:.8;transform:rotate(-8deg);z-index:1}.hero-badge small{font-family:Inter,sans-serif;font-size:12px;letter-spacing:3px}
.section{padding:110px 7vw}.section-head{text-align:center;max-width:750px;margin:auto auto 55px}.eyebrow.red{color:var(--red)}.section h2,.statement h2,.order h2,.menu-photo h2{font-size:72px;margin:0 0 18px}.section-head p:last-child,.statement>p,.order>p{line-height:1.7;color:#555}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;padding:25px;min-height:220px;border:1px solid #e5dfd5;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.08)}.card.featured{background:#111;color:#fff}.card-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;font-weight:800}.card-top b{font-size:16px;letter-spacing:0}.card h3{font-family:Anton,Impact,sans-serif;font-size:29px;letter-spacing:.5px;margin:42px 0 8px}.card p{font-size:13px;line-height:1.55;color:#777;margin:0}.featured p{color:#ccc}.card-top b{background:#ffd72a;color:#111;padding:3px 7px}.combo{margin-top:17px;font-weight:800;color:var(--red);font-size:14px;letter-spacing:1px}.featured .combo{color:#fff}.veggie{border-top:5px solid #49a63d}
.dark-section{background:#c9181e;color:#fff}.dark-section .section-head p:last-child{color:#bbb}.dark-section .card{background:#fff;color:#111}.chicken-grid{grid-template-columns:repeat(4,1fr)}
.kids-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}.kids-grid .card{min-height:170px}
.extras-section{background:#fff}.extras-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.extras-grid .card{min-height:170px}.extras-grid .card h3{margin:35px 0 7px}.extras-grid .card>b{font-size:18px}.extras-list{margin:35px auto 0;max-width:900px;background:#111;color:#fff;padding:30px}.extras-list h3{font-family:Anton,Impact,sans-serif;font-size:35px;margin:0 0 15px}.extras-list div{display:flex;justify-content:space-between;border-top:1px solid #333;padding:13px 0;font-size:13px;font-weight:800}.extras-list b{color:#fff}.warning{font-size:12px;line-height:1.6;color:#ddd;margin-bottom:0}.drinks{margin:20px auto 0;background:var(--red);color:#fff;padding:18px 25px;max-width:900px;display:flex;justify-content:space-between;font-family:Anton,Impact,sans-serif;font-size:30px}
.menu-photo{background:var(--red);color:#fff;padding:90px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.menu-photo h2{font-size:75px}.menu-photo p{line-height:1.6}.menu-photo img{width:100%;display:block;box-shadow:15px 15px 0 rgba(0,0,0,.18)}
.location{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.hours{background:#111;color:#fff;padding:35px}.hours h3{font-family:Anton,Impact,sans-serif;font-size:32px;margin-top:0}.hours p{border-top:1px solid #333;padding:16px 0;margin:0;font-size:12px;display:flex;justify-content:space-between;gap:15px}
.order{text-align:center;background:#fff;padding:110px 20px}.order h2{font-size:90px}.social{font-weight:800;letter-spacing:2px}footer{background:#090909;color:#fff;text-align:center;padding:45px 20px}footer .brand{font-size:32px}footer p{font-size:10px;color:#999;letter-spacing:2px}
@media(max-width:1050px){.menu-grid,.chicken-grid{grid-template-columns:repeat(2,1fr)}.extras-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.nav nav{display:none}.menu-btn{display:block}.nav.open nav{display:flex;position:absolute;top:70px;left:0;right:0;background:#090909;flex-direction:column;padding:25px}.hero{padding-left:7vw}.hero-badge{font-size:55px;right:5%;top:22%}.menu-photo{grid-template-columns:1fr}}
@media(max-width:600px){.hero{min-height:92vh;padding-top:130px}.hero-badge{opacity:.2;right:-10px;top:25%}.hero h1{font-size:78px}.hero-text{font-size:15px}.section,.menu-photo,.order{padding:80px 6vw}.section h2,.menu-photo h2{font-size:58px}.menu-grid,.chicken-grid,.extras-grid,.kids-grid{grid-template-columns:1fr}.location{grid-template-columns:1fr;gap:30px}.order h2{font-size:65px}.extras-list{padding:25px 18px}}

/* Pedido en línea */
.order-builder{max-width:1200px;margin:45px auto 0;display:grid;grid-template-columns:1.45fr .8fr;gap:25px;text-align:left}
.products{background:#f6f0e6;padding:28px;border:1px solid #e4ddd2}
.products h3{font-family:Anton,Impact,sans-serif;font-size:25px;margin:25px 0 12px}
.products h3:first-child{margin-top:0}
.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.product{border:1px solid #ddd3c7;background:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;font:800 12px Inter,Arial;transition:.15s}
.product:hover{border-color:var(--red);transform:translateY(-2px)}
.product b{background:#ffd72a;padding:4px 7px;color:#111}
.cart{background:#111;color:#fff;padding:28px;position:sticky;top:95px;height:max-content}
.cart h3{font-family:Anton,Impact,sans-serif;font-size:30px;margin:0 0 20px}
.empty{color:#999;font-size:13px}
.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid #333;padding:12px 0;font-size:12px}
.qty{display:flex;align-items:center;gap:5px}
.qty button{border:0;background:#333;color:#fff;width:25px;height:25px;cursor:pointer}
.remove{border:0;background:transparent;color:#ff5555;cursor:pointer;font-size:15px}
.cart-total{border-top:2px solid #fff;margin-top:10px;padding-top:18px;display:flex;justify-content:space-between;font-family:Anton,Impact,sans-serif;font-size:28px}
.cart label{display:block;font-size:11px;font-weight:800;margin-top:18px}
.cart input,.cart select,.cart textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #444;background:#1b1b1b;color:#fff;font:13px Inter,Arial}
.btn-whatsapp{width:100%;margin-top:22px;background:#25d366;color:#fff;border:0;cursor:pointer}
.small-note{font-size:10px;color:#999;line-height:1.5}
@media(max-width:900px){.order-builder{grid-template-columns:1fr}.cart{position:relative;top:auto}.product-list{grid-template-columns:1fr}}

/* Identidad y personalización */
.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px;object-fit:cover;border-radius:50%}.brand span{margin-left:0}
.hero-logo{position:absolute;right:9%;top:25%;z-index:1;width:min(36vw,430px);filter:drop-shadow(0 18px 20px rgba(0,0,0,.25))}.hero-logo img{width:100%;display:block;border-radius:50%}
.product{position:relative}.product small{position:absolute;bottom:5px;left:15px;color:var(--red);font-size:8px;letter-spacing:1px;text-transform:uppercase}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:30;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{position:relative;background:var(--cream);color:#111;width:min(650px,100%);max-height:90vh;overflow:auto;padding:35px}.close-modal{position:absolute;right:14px;top:10px;background:none;border:0;font-size:35px;cursor:pointer}.modal-box h2{font-family:Anton,Impact,sans-serif;font-size:52px;margin:0 0 20px}.choice-block{border-top:1px solid #ddd2c5;padding:18px 0}.choice-block h3{font-family:Anton,Impact,sans-serif;font-size:23px;margin:0 0 10px}.modal-help{font-size:11px;color:#777}.radio-option{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd2c5;padding:12px;margin:7px 0;font-size:13px;font-weight:600}.radio-option strong{margin-left:auto;background:#ffd72a;padding:4px 7px}.combo-note{font-size:9px;color:var(--red);font-weight:800}.ingredient-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ingredient{background:#fff;border:1px solid #ddd2c5;padding:11px;font-size:12px}.ingredient input{accent-color:var(--red);margin-right:7px}.extras-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.extra-option{background:#fff;border:1px solid #ddd2c5;padding:11px;display:flex;justify-content:space-between;font-size:12px}.extra-option input{accent-color:var(--red);margin-right:6px}.modal-add{width:100%;margin-top:8px}
@media(max-width:700px){.hero-logo{width:220px;right:-20px;top:22%;opacity:.35}.ingredient-list,.extras-modal-grid{grid-template-columns:1fr}.modal-box{padding:28px 20px}.modal-box h2{font-size:43px}}

.cart-details{display:block;color:#aaa;font-size:9px;line-height:1.4;margin-top:3px}

.spicy-order-choice{margin:14px 0}.spicy-order-choice>label{display:block;font-weight:700;margin-bottom:6px}.spicy-help{margin:0 0 10px}.spicy-sauce-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spicy-option{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd2c5;padding:11px;font-size:12px;font-weight:700;cursor:pointer}.spicy-option input{accent-color:var(--red)}.spicy-none{margin-bottom:8px}.spicy-sauce-options .spicy-option{margin:0}

.text-brand{display:block;font-family:Anton,Impact,sans-serif!important;font-size:24px!important;letter-spacing:1.5px!important}
.custom-tag{display:inline-block;margin-top:10px;font-size:8px;font-weight:800;letter-spacing:1px;background:#ffd72a;color:#111;padding:4px 6px}

.order-number-preview{margin-top:18px;background:#ffd72a;color:#111;padding:10px 14px;font-size:12px;font-weight:800;letter-spacing:1px;display:inline-block}.order-number-preview strong{font-size:16px}
.admin-link{display:inline-block;margin-top:15px;color:#777;font-size:10px;letter-spacing:1px}
.admin-body{background:var(--cream)}.admin-header{background:#090909;color:#fff;padding:18px 6vw;display:flex;justify-content:space-between;align-items:center}.admin{max-width:1100px;margin:auto;padding:60px 6vw}.admin h1{font-family:Anton,Impact,sans-serif;font-size:70px;line-height:.9;margin:0 0 15px}.admin h1 span{color:var(--red)}.admin-sub{color:#666}.admin-card{background:#fff;margin-top:25px;padding:28px;border:1px solid #e2dbd1}.admin-card h2{font-family:Anton,Impact,sans-serif;font-size:30px;margin-top:0}.admin-product{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;align-items:center;border-top:1px solid #eee;padding:12px 0;font-size:12px}.admin-product label{font-size:9px;font-weight:800}.admin-product input,.admin-card input,.admin-card textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;background:#fafafa}.admin-product button{background:var(--red);color:#fff;border:0;padding:10px;cursor:pointer;font-weight:800}.admin-card>label{display:block;margin:15px 0;font-size:11px;font-weight:800}.promo-preview{background:#111;color:#fff;padding:25px;font-size:14px}.promo-preview strong{font-family:Anton,Impact,sans-serif;font-size:32px}.promo-preview p{color:#ccc}
@media(max-width:700px){.admin h1{font-size:55px}.admin-product{grid-template-columns:1fr 1fr}.admin-product strong{grid-column:1/-1}}

/* Selector de aderezos para tenders */
.sauce-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.sauce-option{background:#fff;border:2px solid #ddd2c5;padding:16px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;transition:.15s}
.sauce-option:has(input:checked){border-color:var(--red);background:#fff3f3}
.sauce-option input{accent-color:var(--red);width:18px;height:18px}
@media(max-width:600px){.sauce-options{grid-template-columns:1fr}.spicy-sauce-options{grid-template-columns:1fr}}

/* Reseñas y redes sociales */
.reviews-social{background:#fff}
.reviews-grid{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.review-card{background:var(--cream);border:1px solid #e1d8cd;padding:35px;text-align:center}
.review-card h3{font-family:Anton,Impact,sans-serif;font-size:38px;margin:8px 0 10px}
.review-card p{color:#666;line-height:1.6;max-width:470px;margin:0 auto 22px}
.stars{font-size:30px;letter-spacing:5px;color:#f5b400}
.social-card{background:#090909;color:#fff;border-color:#090909}
.social-card p:not(.eyebrow){color:#bbb}
.social-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.social-button{background:var(--red);color:#fff;padding:13px 18px;font-size:12px;font-weight:800;letter-spacing:.7px}
.social-footer-links{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0;color:#777;font-size:11px;font-weight:800;letter-spacing:1px}
.social-footer-links a{color:var(--red)}
@media(max-width:700px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:28px 20px}.review-card h3{font-size:34px}}
.product.sold-out{opacity:.55;cursor:not-allowed;position:relative}.product.sold-out .sold-out-badge{display:block;color:#c9181e;font-weight:900;margin-top:5px}


/* V16 - mobile-first refinements */
@media(max-width:600px){
  .nav{padding:10px 16px}.brand{font-size:20px}.brand img{width:38px;height:38px}.nav-order{padding:9px 10px;font-size:10px}.menu-btn{font-size:23px}
  .hero{min-height:auto;padding:105px 20px 55px;align-items:flex-end}.hero-copy{width:100%}.hero h1{font-size:clamp(58px,18vw,78px);max-width:330px}.hero-text{font-size:14px;line-height:1.5;margin:18px 0}.hero-actions{flex-wrap:wrap}.btn{padding:13px 16px;font-size:11px}.hero-logo{width:190px;right:-28px;top:18%;opacity:.28}
  .section,.menu-photo,.order{padding:58px 18px}.section-head{margin-bottom:32px}.section h2,.menu-photo h2{font-size:48px;line-height:.95}.section-head p:last-child,.statement>p,.order>p{font-size:13px;line-height:1.55}
  .menu-grid,.chicken-grid,.kids-grid,.extras-grid{grid-template-columns:1fr;gap:12px}.card{padding:18px;min-height:0}.card h3{font-size:27px;margin:28px 0 7px}.card p{font-size:12px}.card-top{font-size:10px}.card-top b{font-size:14px}.combo{font-size:13px;margin-top:12px}
  .location{grid-template-columns:1fr;gap:18px}.hours{padding:22px}.hours h3{font-size:27px}.hours p{font-size:11px;padding:13px 0}
  .menu-photo{gap:28px}.menu-photo img{box-shadow:8px 8px 0 rgba(0,0,0,.18)}
  .order h2{font-size:55px}.order-builder{margin-top:25px;gap:14px}.products{padding:16px}.products h3{font-size:22px;margin:20px 0 10px}.product-list{grid-template-columns:1fr;gap:8px}.product{padding:13px;font-size:11px}.cart{padding:18px;position:relative;top:auto}.cart h3{font-size:27px}.cart-row{grid-template-columns:1fr auto;gap:6px}.qty{grid-column:2}.cart-total{font-size:25px}.cart input,.cart select,.cart textarea{padding:11px;font-size:13px}
  .modal{padding:8px}.modal-box{max-height:94vh;padding:22px 16px;border-radius:12px}.modal-box h2{font-size:38px}.choice-block{padding:14px 0}.ingredient-list,.extras-modal-grid,.sauce-options{grid-template-columns:1fr;gap:7px}.ingredient,.extra-option,.sauce-option{padding:12px;font-size:12px}
  .reviews-grid{grid-template-columns:1fr;gap:12px}.review-card{padding:24px 16px}.review-card h3{font-size:31px}.stars{font-size:25px}.social-buttons{flex-direction:column}.social-button{width:100%;text-align:center}
  .social-footer-links{gap:12px;font-size:10px}.extras-list{padding:20px 15px}.extras-list div{font-size:12px}.drinks{padding:15px 18px;font-size:25px}
}
@media(max-width:380px){.hero h1{font-size:55px}.hero-actions .btn{width:100%;text-align:center}.nav-order{display:none}.section h2,.menu-photo h2{font-size:43px}}

/* Mascota Smashy */
.smashy-section{background:var(--black);color:#fff;display:grid;grid-template-columns:minmax(280px,480px) 1fr;align-items:center;gap:60px;padding:80px 9vw;overflow:hidden}
.smashy-art{display:flex;justify-content:center;align-items:center;min-height:360px}
.smashy-art img{width:min(100%,430px);max-height:500px;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.35))}
.smashy-copy{max-width:620px}
.smashy-copy h2{font-family:Anton,Impact,sans-serif;font-size:clamp(55px,7vw,95px);line-height:.9;margin:0 0 20px;letter-spacing:1px}
.smashy-copy h2 span{color:var(--red)}
.smashy-copy p:not(.eyebrow){color:#bbb;line-height:1.7;max-width:500px;margin:0 0 24px}
.side-product small{color:var(--red)}
@media(max-width:700px){.smashy-section{grid-template-columns:1fr;gap:15px;padding:55px 20px 65px;text-align:center}.smashy-art{min-height:250px}.smashy-art img{width:min(80vw,320px);max-height:340px}.smashy-copy{margin:auto}.smashy-copy h2{font-size:48px}.smashy-copy .btn{margin-top:4px}}


/* V22: Smashy compacto dentro del hero, sin ocupar una sección completa. */
.smashy-mini{display:flex;align-items:center;gap:10px;margin-top:14px;width:max-content;max-width:100%;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.smashy-mini img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}
.smashy-mini span{border:1px solid rgba(255,255,255,.28);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06)}
.spicy-sauce-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.spicy-option{color:#111!important;background:#fff;border:1px solid #d8d0c7;padding:7px 8px;font-size:10px;min-height:34px;line-height:1.1}
.spicy-none{margin-bottom:6px!important;width:max-content;max-width:100%;padding:7px 10px}
.spicy-option input{width:15px;height:15px;flex:0 0 auto}
.spicy-help{font-size:10px!important;line-height:1.3;margin-bottom:6px!important}
.kids-order-list .product{border-left:4px solid #ffd72a}
@media(max-width:700px){.smashy-mini{margin-top:10px}.smashy-mini img{width:52px;height:52px}.smashy-mini span{font-size:8px;padding:6px 8px}.spicy-sauce-options{grid-template-columns:repeat(3,1fr);gap:5px}.spicy-option{padding:6px 5px;font-size:9px;justify-content:center}.spicy-option input{width:13px;height:13px}.spicy-none{font-size:10px!important}.kids-order-list{grid-template-columns:1fr!important}}

/* V23: opciones de salsas siempre visibles y legibles */
.sauce-option, .sauce-option span { color:#111 !important; background:#fff !important; }
.sauce-option { min-height:48px; border:2px solid #d8d0c7; border-radius:8px; }
.sauce-option:has(input:checked) { border-color:var(--red); background:#fff3f3 !important; }
.sauce-option input { flex:0 0 auto; }
#side-extras-list .extra-option { color:#111 !important; }

/* V24: picante compacto, visible y legible en móvil y escritorio */
.spicy-order-choice{color:#111}
.spicy-order-choice > label:first-child{color:#111!important}
.spicy-help{color:#666!important}
.spicy-sauce-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%;}
.spicy-option{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;min-height:40px!important;padding:8px 9px!important;margin:0!important;border:1px solid #cfc7bd!important;border-radius:7px!important;background:#fff!important;color:#111!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;cursor:pointer!important;}
.spicy-option span{display:block!important;color:#111!important;opacity:1!important;visibility:visible!important;}
.spicy-option input{appearance:auto!important;-webkit-appearance:auto!important;opacity:1!important;visibility:visible!important;position:static!important;width:15px!important;height:15px!important;min-width:15px!important;margin:0!important;accent-color:var(--red)!important;flex:0 0 15px!important;}
.spicy-option:has(input:checked){border-color:var(--red)!important;background:#fff3f3!important;box-shadow:inset 0 0 0 1px var(--red);}
.spicy-none{width:max-content!important;max-width:100%!important;margin-bottom:7px!important;}
@media(max-width:700px){
  .spicy-order-choice{margin:10px 0!important}
  .spicy-help{font-size:10px!important;margin:0 0 7px!important}
  .spicy-sauce-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .spicy-option{min-height:38px!important;padding:7px 5px!important;gap:4px!important;font-size:9px!important;justify-content:center!important;white-space:normal!important;text-align:center!important}
  .spicy-option input{width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important}
  .spicy-none{font-size:10px!important;justify-content:flex-start!important;white-space:nowrap!important}
}

/* Extras generales */
.extra-feature{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;color:#111;border:0;border-top:1px solid #333;padding:14px 0;text-align:left;font:inherit;cursor:pointer}
.extra-feature span{display:flex;flex-direction:column;gap:3px}
.extra-feature strong{font-size:13px}
.extra-feature small{font-size:11px;color:#666;font-weight:500}
.extra-feature>b{font-size:13px;white-space:nowrap}
.extra-feature-clickable{cursor:pointer}
.extra-feature-clickable:hover{opacity:.82}
.dressing-extra-grid .extra-option{cursor:pointer}

/* V29: el menú principal también es el menú para ordenar */
.burger-product,.chicken-product,.tender-product,.product.side-product,.card.product{cursor:pointer;position:relative}
.burger-product:focus,.chicken-product:focus,.tender-product:focus,.product.side-product:focus,.card.product:focus{outline:3px solid var(--red);outline-offset:2px}
.burger-product:hover:after,.chicken-product:hover:after,.tender-product:hover:after,.product.side-product:hover:after,.card.product:hover:after{content:'TOCA PARA ORDENAR';position:absolute;right:12px;bottom:12px;background:var(--red);color:#fff;padding:5px 7px;font-size:8px;font-weight:800;letter-spacing:.8px}
.order-cart-modal .cart-modal-box{width:min(680px,94vw);max-height:92vh;overflow:auto}
.order-cart-modal .cart{position:relative;top:auto;background:#fff;color:#111;box-shadow:none;border:0;padding:0}
.order-cart-modal .cart h3{display:none}
@media(max-width:700px){.order-cart-modal .cart-modal-box{width:96vw;padding:22px 16px}.burger-product:hover:after,.chicken-product:hover:after,.tender-product:hover:after,.product.side-product:hover:after,.card.product:hover:after{display:none}.nav nav{gap:12px}.nav.open nav a{font-size:12px}}


/* V31 - tarjetas de menú optimizadas para celular */
.price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 10px;font-size:10px;font-weight:800;letter-spacing:.3px}
.price-row>b{background:#ffd72a;color:#111;padding:5px 8px;font-size:14px}
.price-row .combo-price{display:inline-flex;align-items:center;gap:5px;background:#111;color:#fff;padding:5px 8px}
.price-row .combo-price b{background:none;color:#fff;padding:0;font-size:14px}
.card.product h3{margin:0 0 5px!important}
.card.product p{margin-top:4px}
@media(max-width:600px){
  .card.product{padding:16px!important;display:block!important;min-height:0!important}
  .card.product h3{font-size:25px!important;line-height:1!important;margin:0 0 7px!important}
  .price-row{margin:5px 0 9px;gap:6px;font-size:8px}
  .price-row>b,.price-row .combo-price,.price-row .combo-price b{font-size:12px}
  .price-row>b,.price-row .combo-price{padding:5px 7px}
  .card.product p{font-size:11px!important;line-height:1.45;margin:0!important}
  .custom-tag{margin:5px 0 6px}
}


/* V32 — identidad roja + móvil */
.nav{background:var(--red)}
.nav.open nav{background:var(--red)}
.nav-order{background:#fff;color:var(--red);padding:14px 20px;font-size:13px}
.btn-dark{background:var(--red);color:#fff}
.combo-price{background:var(--red)!important;color:#fff!important}
.price-row .combo-price b{color:#fff!important}
.hours,.hours-red{background:var(--red)!important;color:#fff!important}
.extras-list{background:var(--red);color:#fff}
.extras-list .extra-feature{background:transparent;color:#fff;border-top-color:rgba(255,255,255,.3)}
.extras-list .extra-feature small{color:rgba(255,255,255,.82)}
.extras-list b{color:#fff}
.social-card{background:var(--red)!important;border-color:var(--red)!important}
.social-card p:not(.eyebrow){color:#fff}
footer{background:var(--red)}
footer p{color:rgba(255,255,255,.8)}
.tender-type-choice{margin:12px 0 8px}
.tender-type-choice .radio-option{margin:7px 0}
.tender-type-choice .combo-note{margin-left:auto}
@media(max-width:700px){
  .nav-order{padding:12px 16px;font-size:12px}
  .hero-actions .btn{width:100%;font-size:14px;padding:17px 20px}
  .hours{padding:24px!important}
  .tender-type-choice .radio-option{flex-wrap:wrap}
  .tender-type-choice .combo-note{margin-left:0;width:100%}
}
.radio-option:has(input[value="combo"]) strong{background:var(--red);color:#fff}

/* V33: Smashy más grande y bebidas seleccionables */
.smashy-mini img{width:88px;height:88px}
.drinks-button{border:0;width:100%;cursor:pointer;text-align:left}
.drinks-button:hover{filter:brightness(.96)}
.drink-option{cursor:pointer}
.drink-option input{accent-color:var(--red);margin-right:7px}
@media(max-width:700px){.smashy-mini img{width:76px;height:76px}.smashy-mini span{font-size:9px;padding:7px 9px}}
\n\n/* V36 — contador visible por producto + animaciones + redes y ordenar destacados */\n.product-qty-badge{\n  position:absolute;top:10px;right:10px;min-width:34px;height:34px;padding:0 9px;border-radius:999px;\n  display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;\n  font:900 16px/1 Inter,Arial,sans-serif;box-shadow:0 7px 16px rgba(0,0,0,.2);\n  z-index:4;border:3px solid #fff;\n}\n.product-qty-badge::after{content:'PEDIDOS';position:absolute;top:35px;right:-2px;font-size:7px;letter-spacing:1px;font-weight:900;color:var(--red);white-space:nowrap}\n.qty-pop{animation:qtyPop .45s cubic-bezier(.2,.8,.2,1)}\n.product-added{animation:productAdded .55s ease}\n@keyframes qtyPop{0%{transform:scale(.45) rotate(-8deg);opacity:.2}55%{transform:scale(1.2) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0)}}\n@keyframes productAdded{0%{transform:scale(1)}35%{transform:scale(1.025) translateY(-3px)}70%{transform:scale(.99)}100%{transform:scale(1)}}\n.card.product{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}\n.card.product:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12)}\n.social-button{font-size:14px!important;font-weight:900!important;letter-spacing:1px!important;padding:15px 22px!important;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .2s ease,filter .2s ease}\n.social-button:hover{transform:translateY(-3px);filter:brightness(1.08)}\n.social-card h3{font-size:38px!important;letter-spacing:1px}\n.hero-actions .order-trigger{font-size:16px!important;font-weight:900!important;padding:19px 34px!important;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease}\n.hero-actions .order-trigger:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.28)}\n.nav-order{font-weight:900!important;box-shadow:0 5px 14px rgba(0,0,0,.16)}\n@media(max-width:600px){\n  .product-qty-badge{top:8px;right:8px;min-width:31px;height:31px;font-size:14px;padding:0 8px}\n  .product-qty-badge::after{top:32px;font-size:6px}\n  .hero-actions .order-trigger{font-size:15px!important;padding:18px 28px!important}\n  .social-card h3{font-size:32px!important}\n  .social-button{font-size:15px!important;padding:16px 20px!important}\n}\n

/* V37 - hero principal más llamativo */
.hero-text{font-size:clamp(1.25rem,3.5vw,1.8rem)!important;font-weight:900!important;line-height:1.15!important;letter-spacing:.2px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.18);}
.hero .eyebrow{font-weight:800;letter-spacing:.08em;}


/* V39 — hero más claro + contador destacado + Smashy señalando ordenar */
.hero .eyebrow{font-size:clamp(15px,2.2vw,20px)!important;letter-spacing:3px!important;font-weight:900!important}
.hero-text{font-size:clamp(1.45rem,3.8vw,2.15rem)!important;max-width:650px!important;font-weight:900!important;line-height:1.08!important;margin:24px 0!important}
.hero-order-wrap{align-items:center!important;gap:18px!important;flex-wrap:nowrap!important}
.hero-actions .order-trigger{font-size:19px!important;padding:20px 38px!important;min-width:235px!important;text-align:center!important}
.smashy-mini{margin-top:0!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;transform:translateY(5px)!important}
.smashy-mini img{width:125px!important;height:125px!important}
.smashy-mini span{font-size:10px!important;font-weight:900!important;letter-spacing:1px!important;background:#fff!important;color:var(--red)!important;border:2px solid #fff!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important;white-space:nowrap!important}
.smashy-mini::before{content:'👈';position:absolute;left:-17px;top:38%;font-size:28px;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.2));animation:pointBounce 1.15s ease-in-out infinite}
@keyframes pointBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}}
.product-qty-badge{top:8px!important;right:8px!important;min-width:48px!important;height:48px!important;padding:0 12px!important;font-size:23px!important;border-width:3px!important;box-shadow:0 9px 20px rgba(0,0,0,.25)!important}
.product-qty-badge::after{top:48px!important;right:0!important;font-size:7px!important}
@media(max-width:700px){
  .hero-order-wrap{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .hero-actions .order-trigger{width:auto!important;min-width:250px!important;font-size:17px!important;padding:18px 30px!important}
  .smashy-mini{align-self:center!important;margin-top:0!important;transform:none!important}
  .smashy-mini img{width:115px!important;height:115px!important}
  .smashy-mini::before{left:-25px;top:35%;font-size:26px}
  .hero .eyebrow{font-size:14px!important;letter-spacing:2px!important}
  .hero-text{font-size:clamp(1.3rem,6vw,1.7rem)!important;line-height:1.08!important;margin:18px 0!important}
  .product-qty-badge{top:7px!important;right:7px!important;min-width:44px!important;height:44px!important;font-size:21px!important}
  .product-qty-badge::after{top:44px!important;font-size:6px!important}
}


/* V41 — carrito rápido junto al menú móvil */
.nav-mobile-actions{display:none;align-items:center;gap:8px}
.cart-top-btn{position:relative;width:44px;height:44px;border:0;background:#fff;color:var(--red);border-radius:12px;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(0,0,0,.16);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.cart-top-btn:active{transform:scale(.94)}
.cart-top-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.cart-top-btn span{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;border:2px solid #fff;font:900 10px/16px Inter,Arial,sans-serif;text-align:center}
@media(max-width:900px){.nav-mobile-actions{display:flex}.nav .menu-btn{display:block}.nav{padding:10px 16px}.text-brand{font-size:22px!important}.cart-top-btn{width:42px;height:42px;font-size:20px}}
@media(max-width:380px){.nav-mobile-actions{gap:5px}.cart-top-btn{width:38px;height:38px;font-size:18px}.nav .menu-btn{font-size:22px}}


/* V42: pestañas compactas para personalización */
.accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#111;border:1px solid #ddd2c5;padding:14px 15px;font-family:Anton,Impact,sans-serif;font-size:20px;letter-spacing:.5px;cursor:pointer;text-align:left}
.accordion-toggle b{font-family:Inter,Arial,sans-serif;font-size:25px;color:var(--red);line-height:1}
.accordion-content{display:none;padding:12px 0 2px}
.accordion.open .accordion-content{display:block}
.accordion.open .accordion-toggle{border-color:var(--red);background:#fff8f8}
.hero-text{white-space:nowrap;font-weight:800;font-size:22px;line-height:1.2}
@media(max-width:600px){.hero-text{font-size:15px;white-space:nowrap;letter-spacing:-.35px;margin:20px 0}.accordion-toggle{font-size:18px;padding:13px 14px}.accordion-content{padding-top:10px}}


/* V44 — ajustes finales de móvil: hero, extras contados y carrito */
.extra-feature-counted{position:relative;padding-right:58px!important}
.extra-qty-badge{position:absolute;top:50%;right:10px;transform:translateY(-50%) scale(.9);min-width:36px;height:36px;padding:0 8px;border-radius:999px;background:#fff;color:var(--red);border:3px solid var(--red);display:flex;align-items:center;justify-content:center;font:900 16px/1 Inter,Arial,sans-serif;box-shadow:0 5px 12px rgba(0,0,0,.15);opacity:.55;transition:transform .2s ease,opacity .2s ease}
.extra-qty-badge.has-count{opacity:1;transform:translateY(-50%) scale(1.08);background:var(--red);color:#fff;border-color:#fff}
.drinks.extra-feature-counted{position:relative;padding-right:75px!important}

/* El logo del hero debe quedar completamente dentro de la pantalla. */
.hero-logo{width:min(30vw,330px);right:4%;top:26%;}
.hero-text{white-space:nowrap;font-size:clamp(15px,2.4vw,24px)!important;letter-spacing:-.2px!important;max-width:none!important}

/* El carrito combina con la identidad roja/crema, sin bloque negro. */
.cart{background:var(--cream)!important;color:#111!important;border:2px solid #eadfd2;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.cart .empty{color:#777}
.cart-row{border-top-color:#dfd4c8}
.qty button{background:var(--red)!important;color:#fff!important;border-radius:6px;font-weight:900}
.remove{color:var(--red)!important}
.cart-total{border-top-color:var(--red)!important;color:#111}
.cart-total strong{color:var(--red)}
.cart input,.cart select,.cart textarea{background:#fff!important;color:#111!important;border:1px solid #d8cec2!important;border-radius:8px}
.cart input:focus,.cart select:focus,.cart textarea:focus{outline:2px solid rgba(255,43,50,.25);border-color:var(--red)!important}
.order-builder .products{background:#fffaf3;border-radius:18px}
.cart-section{background:var(--cream)}

@media(max-width:700px){
  .hero{padding-left:5vw;padding-right:5vw;overflow:hidden}
  .hero-copy{max-width:100%;width:100%}
  .hero-logo{width:155px;right:5px;top:25%;opacity:.30}
  .hero h1{font-size:clamp(68px,20vw,84px)!important}
  .hero-text{font-size:13px!important;letter-spacing:-.55px!important;white-space:nowrap!important;margin:16px 0!important;position:relative;z-index:2}
  .hero-actions{position:relative;z-index:3}
  .cart{padding:18px!important;border-radius:16px!important}
  .cart-total{font-size:26px!important}
  .extra-qty-badge{min-width:34px;height:34px;font-size:15px;right:8px}
}
@media(max-width:380px){
  .hero-logo{width:135px;right:0;top:27%;}
  .hero-text{font-size:12px!important;letter-spacing:-.7px!important}
}


/* V46 — Kids: solo se puede quitar catsup + Love at First Bite un poco más compacto */
.hero h1{font-size:clamp(64px,10.5vw,145px)!important}
@media(max-width:700px){.hero h1{font-size:clamp(62px,18vw,74px)!important;line-height:.88!important}}
@media(max-width:380px){.hero h1{font-size:60px!important}}


@media(max-width:700px){.btn-payment{font-size:17px!important;padding:16px!important;border-radius:12px!important}}
