@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Hanken+Grotesque:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{--rojo: #BE3A2A;--rojo-dark: #8E2A1E;--crema: #F2E8D0;--crema-dark: #E8DCBC;--mostaza: #DDA32B;--mostaza-dark:#B8851E;--verde: #2E7D74;--verde-dark: #1F5B54;--carbon: #211C18;--papel: #FBF5E7;--gris: #B8AFA2;--gris-dark: #6B6258;--whatsapp: #25D366;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--sh-hard: 4px 4px 0 var(--carbon);--sh-soft: 0 1px 3px rgba(33,28,24,.1);--font-titular: "Alfa Slab One", Georgia, serif;--font-texto: "Hanken Grotesque", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-texto);background:var(--crema);color:var(--carbon);line-height:1.6;min-height:100dvh}.gingham{background-color:var(--crema);background-image:linear-gradient(45deg,rgba(190,58,42,.045) 25%,transparent 25%,transparent 75%,rgba(190,58,42,.045) 75%),linear-gradient(45deg,rgba(190,58,42,.045) 25%,transparent 25%,transparent 75%,rgba(190,58,42,.045) 75%),linear-gradient(#be3a2a0f,#be3a2a0f);background-size:22px 22px,22px 22px,100%;background-position:0 0,11px 11px,0 0}.placa{display:inline-flex;align-items:center;justify-content:center;background:var(--carbon);border:3px solid var(--mostaza);box-shadow:5px 5px 0 0 var(--rojo);padding:10px 18px 12px;font-family:var(--font-titular);color:var(--papel);letter-spacing:.5px;line-height:1;border-radius:4px}.placa.sm{font-size:18px;padding:7px 12px 9px;border-width:2px;box-shadow:3px 3px 0 var(--rojo)}.placa.md{font-size:26px}.placa.lg{font-size:42px;padding:14px 26px 18px;border-width:4px;box-shadow:7px 7px 0 var(--rojo)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--carbon);background:var(--papel);color:var(--carbon);font-family:var(--font-texto);font-weight:700;font-size:15px;padding:12px 18px;border-radius:var(--r-md);box-shadow:var(--sh-hard);cursor:pointer;text-decoration:none;letter-spacing:.2px;transition:transform .1s,box-shadow .1s}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--carbon)}.btn.primary{background:var(--rojo);color:var(--papel)}.btn.verde{background:var(--verde);color:var(--papel)}.btn.mostaza{background:var(--mostaza);color:var(--carbon)}.btn.ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--rojo)}.btn.lg{font-size:17px;padding:16px 20px;border-radius:14px}.btn.block{width:100%}.btn.sm{font-size:13px;padding:8px 12px;border-radius:var(--r-sm)}.btn.disabled,.btn:disabled{background:var(--gris);color:var(--papel);box-shadow:none;border-color:var(--gris-dark);cursor:not-allowed;opacity:.85}.btn.whatsapp{background:var(--whatsapp);color:#fff;border-color:var(--carbon);box-shadow:var(--sh-hard)}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:4px 8px;border-radius:4px;background:var(--verde);color:var(--papel);border:1.5px solid var(--carbon);line-height:1}.badge.mostaza{background:var(--mostaza);color:var(--carbon)}.badge.rojo{background:var(--rojo);color:var(--papel)}.badge.carbon{background:var(--carbon);color:var(--papel)}.ribbon{display:inline-block;background:var(--rojo);color:var(--papel);font-family:var(--font-titular);font-size:14px;padding:7px 16px 8px;border:2px solid var(--carbon);border-radius:4px;box-shadow:var(--sh-hard);letter-spacing:1px;text-transform:uppercase}.precio{font-family:var(--font-mono);font-weight:500;color:var(--mostaza-dark);letter-spacing:-.5px}.precio.lg{font-size:20px}.precio.xl{font-size:26px}.card{background:var(--papel);border:2px solid var(--carbon);border-radius:var(--r-md);box-shadow:var(--sh-hard);overflow:hidden}.ticket-divider{height:2px;background-image:linear-gradient(90deg,var(--carbon) 50%,transparent 50%);background-size:8px 2px;background-repeat:repeat-x;opacity:.35;margin:12px 0}.dish{position:relative;width:100%;background:linear-gradient(135deg,#c28b5e,#8b5e3a);overflow:hidden;display:flex;align-items:center;justify-content:center}.dish:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,rgba(255,220,170,.35),transparent 55%);pointer-events:none}.dish-plate{width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fdf6e3,#efe3c8 70%,#d9c9a8);box-shadow:0 6px 14px #0000002e,inset 0 -8px 14px #0000000f;display:flex;align-items:center;justify-content:center;overflow:hidden}.dish.parrilla{background:linear-gradient(135deg,#6b3e2a,#3d2418)}.dish.salchipapa{background:linear-gradient(135deg,#c8884a,#8e5a2b)}.dish.hamburguesa{background:linear-gradient(135deg,#b07a4a,#5c3820)}.dish.perro{background:linear-gradient(135deg,#c9a06b,#8e6638)}.dish.especial{background:linear-gradient(135deg,#a8542b,#6e3018)}.dish.jugo{background:linear-gradient(135deg,#e8b65a,#c57838)}.dish.agotado{filter:grayscale(.7) brightness(.8)}.agotado-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);background:var(--rojo);color:var(--papel);border:3px solid var(--papel);font-family:var(--font-titular);font-size:22px;padding:6px 16px;letter-spacing:3px;box-shadow:0 4px #00000040;z-index:2;border-radius:4px;white-space:nowrap}.cat-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:var(--crema);border-bottom:1.5px solid rgba(33,28,24,.1);scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;background:var(--papel);border:1.5px solid var(--carbon);color:var(--carbon);padding:8px 14px;border-radius:999px;font-family:var(--font-texto);font-weight:600;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}.cat-tab:hover{background:var(--crema-dark)}.cat-tab.active{background:var(--rojo);color:var(--papel);box-shadow:3px 3px 0 var(--carbon)}.pub-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 12px;background:var(--crema);border-bottom:1.5px solid rgba(33,28,24,.08);position:sticky;top:0;z-index:10}.cart-fab{position:fixed;bottom:16px;left:16px;right:16px;z-index:20;pointer-events:none}.cart-fab-btn{pointer-events:all;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--rojo);color:var(--papel);border:2px solid var(--carbon);box-shadow:4px 4px 0 var(--carbon);border-radius:14px;font-family:var(--font-texto);font-size:17px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s}.cart-fab-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--carbon)}.input{width:100%;background:var(--papel);border:1.5px solid var(--carbon);border-radius:var(--r-md);padding:12px 14px;font-family:var(--font-texto);font-size:15px;color:var(--carbon);display:flex;align-items:center;gap:10px}.input input,.input textarea,.input select{border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;width:100%}.input.focus-within,.input:focus-within{border-color:var(--rojo)}.label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--gris-dark);margin-bottom:6px;display:block}.toggle{position:relative;width:44px;height:26px;background:var(--gris);border-radius:999px;border:1.5px solid var(--carbon);flex-shrink:0;cursor:pointer;transition:background .2s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--papel);border-radius:50%;border:1px solid var(--carbon);transition:left .2s}.toggle.on{background:var(--verde)}.toggle.on:after{left:22px}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--carbon);color:var(--papel);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px 18px;z-index:30}.tabbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#fbf5e773;text-decoration:none;cursor:pointer}.tabbar-item .ico{font-size:20px;line-height:1}.tabbar-item.active{color:var(--mostaza)}.drawer-backdrop{position:fixed;inset:0;background:#211c1880;z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-backdrop.open{opacity:1;pointer-events:all}.drawer{position:fixed;bottom:0;left:0;right:0;background:var(--crema);z-index:50;border-radius:20px 20px 0 0;border-top:2.5px solid var(--carbon);box-shadow:0 -8px 32px #211c182e;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,1.28,.4,.97);max-height:90dvh;display:flex;flex-direction:column}.drawer.open{transform:translateY(0)}.h-titular{font-family:var(--font-titular);letter-spacing:.3px;line-height:1.05}.h-mono{font-family:var(--font-mono);letter-spacing:-.2px}.muted{color:var(--gris-dark)}.flex{display:flex}.col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}@keyframes loadbar{0%{width:0}to{width:100%}}.loadbar-track{width:160px;height:6px;border:1.5px solid var(--carbon);background:var(--papel);border-radius:999px;overflow:hidden}.loadbar-fill{height:100%;background:var(--rojo);border-right:1.5px solid var(--carbon);animation:loadbar 1.4s ease-in-out forwards}@view-transition{navigation:auto}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.plato-card{animation:fadeSlideUp .38s ease both;animation-delay:calc(var(--i, 0) * 60ms)}.adicional-row{animation:fadeSlideUp .3s ease both;animation-delay:calc(var(--i, 0) * 40ms)}.cat-section{animation:fadeIn .25s ease both}.cat-section.transitioning{animation:scaleIn .22s ease both}.plato-card:hover img{transform:scale(1.04)}.plato-card:hover{box-shadow:6px 6px 0 var(--carbon);transform:translate(-1px,-1px);transition:transform .15s,box-shadow .15s}.ribbon-enter{animation:fadeSlideUp .3s ease both}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cs-head{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1.5px solid rgba(33,28,24,.1);flex:0 0 auto}.cs-icon-btn{width:36px;height:36px;border-radius:50%;background:var(--crema-dark);color:var(--carbon);border:1.5px solid var(--carbon);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:background .1s}.cs-icon-btn:hover{background:var(--gris)}.cs-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.ci-list{padding:4px 16px}.ci-row{display:flex;align-items:center;gap:10px;padding:13px 0}.ci-main{flex:1;min-width:0}.ci-nm{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-unit{font-size:11.5px;color:var(--gris-dark);margin-top:2px}.ci-step{display:flex;align-items:center;gap:6px;flex-shrink:0}.ci-btn{width:30px;height:30px;border-radius:8px;background:var(--papel);border:1.5px solid var(--carbon);box-shadow:1px 1px 0 var(--carbon);font-family:var(--font-titular);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .1s}.ci-btn:active{transform:translate(1px,1px);box-shadow:none}.ci-qty{min-width:18px;text-align:center;font-weight:800;font-size:14px}.ci-line{font-family:var(--font-mono);color:var(--mostaza-dark);font-size:14px;flex-shrink:0;min-width:62px;text-align:right}.ci-del{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--gris);border-radius:8px;cursor:pointer;transition:color .1s}.ci-del:hover{color:var(--rojo)}.cs-foot{flex:0 0 auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1.5px solid rgba(33,28,24,.1)}.cs-sub{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:13px;color:var(--gris-dark)}.cs-sub b{font-family:var(--font-mono);color:var(--carbon);font-size:20px}.cs-actions{display:flex;gap:10px}.cs-ghost{flex-shrink:0;padding:0 18px;height:50px;border-radius:12px;background:var(--crema-dark);border:1.5px solid var(--carbon);color:var(--gris-dark);font-family:var(--font-texto);font-weight:700;font-size:14px;cursor:pointer}.cs-ghost:disabled{opacity:.4;cursor:default}.cs-primary{flex:1;height:50px;border-radius:12px;background:var(--rojo);color:var(--papel);border:1.5px solid var(--carbon);box-shadow:3px 3px 0 var(--carbon);font-family:var(--font-texto);font-weight:800;font-size:15px;cursor:pointer;transition:transform .1s,box-shadow .1s}.cs-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--carbon)}.cs-primary:disabled{background:var(--gris);box-shadow:none;cursor:default;border-color:var(--gris-dark)}.co-h{font-family:var(--font-titular);font-size:14px;letter-spacing:.03em;color:var(--carbon);margin:16px 0 10px}.co-h:first-child{margin-top:2px}.co-tipo{display:flex;gap:8px}.co-tab{flex:1;height:48px;border-radius:12px;background:var(--papel);border:1.5px solid var(--carbon);color:var(--gris-dark);font-family:var(--font-texto);font-weight:700;font-size:13px;cursor:pointer;transition:background .12s,box-shadow .12s}.co-tab.on{background:var(--rojo);border-color:var(--carbon);color:var(--papel);box-shadow:3px 3px 0 var(--carbon)}.co-mesa{margin-top:12px}.co-mesa-ok{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:var(--mostaza);border:1.5px solid var(--carbon);font-weight:700;font-size:13px;box-shadow:2px 2px 0 var(--carbon)}.co-mesa-ok b{font-family:var(--font-mono);font-size:18px}.co-mesa-warn{padding:12px 14px;border-radius:10px;background:#be3a2a14;border:1.5px solid var(--rojo);font-size:13px;line-height:1.45;font-weight:600}.co-fields{display:flex;flex-direction:column;gap:10px;margin-top:12px}.co-fields label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:var(--gris-dark);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.co-input,.co-notas{font-family:var(--font-texto);font-size:14px;color:var(--carbon);background:var(--papel);border:1.5px solid var(--carbon);border-radius:10px;padding:11px 13px;width:100%;outline:none;transition:border-color .15s}.co-input:focus,.co-notas:focus{border-color:var(--rojo)}.co-pagos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.co-pago{height:46px;border-radius:10px;background:var(--papel);border:1.5px solid var(--carbon);color:var(--gris-dark);font-family:var(--font-texto);font-weight:700;font-size:13px;text-align:left;padding:0 13px;cursor:pointer;transition:background .12s,color .12s}.co-pago.on{border-color:var(--rojo);background:#be3a2a14;color:var(--carbon);box-shadow:2px 2px 0 var(--rojo)}.co-notas{resize:none}.cs-lines{margin-bottom:12px}.cs-ln{display:flex;justify-content:space-between;font-size:13px;color:var(--gris-dark);padding:3px 0}.cs-ln.cs-total{margin-top:6px;padding-top:10px;border-top:1.5px solid rgba(33,28,24,.15);font-size:15px;color:var(--carbon)}.cs-ln.cs-total b{font-family:var(--font-mono);color:var(--mostaza-dark);font-size:22px}.cs-send{width:100%;height:54px;border-radius:14px;background:var(--verde);color:var(--papel);border:2px solid var(--carbon);box-shadow:4px 4px 0 var(--carbon);font-family:var(--font-texto);font-weight:800;font-size:16px;cursor:pointer;transition:transform .1s,box-shadow .1s}.cs-send:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--carbon)}.cs-send:disabled{background:var(--gris);box-shadow:none;border-color:var(--gris-dark);cursor:default;opacity:.6}.cs-hint{text-align:center;font-size:11px;color:var(--gris-dark);margin-top:7px;min-height:14px;font-family:var(--font-mono)}.dish-detail{position:fixed;inset:0;z-index:60;background:var(--crema);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);visibility:hidden;max-width:560px;margin:0 auto}.dish-detail.open{transform:translateY(0);visibility:visible}.det-hero{height:46vh;min-height:260px;flex:0 0 auto;background-size:cover;background-position:center;position:relative;overflow:hidden;background-color:var(--carbon)}.det-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,var(--crema) 0%,transparent 50%)}.det-no-img{background:linear-gradient(135deg,#a8542b,#4a2010);display:flex;align-items:center;justify-content:center}.det-no-img-emoji{font-size:72px;position:relative;z-index:1}.det-hero-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;z-index:4}.det-close{width:42px;height:42px;border-radius:50%;background:#211c188c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(251,245,231,.25);color:var(--papel);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.det-close:hover{background:#211c18cc}.det-estrella{background:var(--mostaza);color:var(--carbon);font-family:var(--font-mono);font-size:10px;padding:4px 10px;border-radius:4px;border:1.5px solid var(--carbon);box-shadow:2px 2px 0 var(--carbon);text-transform:uppercase;letter-spacing:.6px}.det-body{flex:1 1 auto;overflow-y:auto;padding:12px 20px 0;margin-top:-32px;position:relative;z-index:3}.det-cat-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--rojo);margin-bottom:6px}.det-nombre{font-family:var(--font-titular);font-size:32px;line-height:1;letter-spacing:.01em;margin-bottom:10px}.det-precio{font-family:var(--font-mono);font-size:26px;color:var(--mostaza-dark);letter-spacing:-.5px;display:flex;align-items:center;gap:12px;margin-bottom:14px}.det-personas{font-size:13px;color:var(--gris-dark);background:var(--carbon);color:var(--papel);padding:3px 10px;border-radius:999px;font-size:11px}.det-desc{font-size:14px;line-height:1.6;color:var(--gris-dark);margin-bottom:14px}.det-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.det-chips span{font-size:11px;font-weight:600;color:var(--carbon);background:var(--crema-dark);border:1.5px solid var(--carbon);padding:5px 10px;border-radius:999px}.det-foot{flex:0 0 auto;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-top:1.5px solid rgba(33,28,24,.1);background:var(--crema)}.det-back{display:block;width:100%;text-align:center;font-size:13px;font-weight:700;color:var(--gris-dark);padding:12px 0 2px;background:transparent;border:none;cursor:pointer}.det-back:hover{color:var(--carbon)}body.no-scroll{overflow:hidden}.cart-badge{background:var(--papel);color:var(--rojo);width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:13px;border:1.5px solid var(--carbon)}