@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fondo:#0b0e13;--panel:#12171f;--panel2:#1a212c;--borde:#252d3a;--texto:#ece6da;--suave:#8b93a1;--acento:#f2a93b;--sobre-acento:#1b1203;--ok:#6fd1a0;--error:#ff7b72;--aviso:#e9c46a;--cat-0:#f2a93b;--cat-1:#4fb0ff;--cat-2:#ff6b5e;--cat-3:#4fd69a;--cat-4:#b48cff;--cat-5:#ff7ac0;--forma-0:circle(50%);--forma-1:polygon(50% 0,100% 50%,50% 100%,0 50%);--forma-2:polygon(50% 4%,100% 92%,0 92%);--forma-3:inset(8% round 18%);--forma-4:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);--forma-5:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 98%,50% 76%,20% 98%,30% 60%,0 38%,38% 36%);--f-titulo:"Bricolage Grotesque Variable", system-ui, sans-serif;--f-texto:"DM Sans Variable", system-ui, sans-serif;--toque:64px;--nav:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:17px}body{color:var(--texto);font-family:var(--f-texto);overscroll-behavior:none;background:radial-gradient(120% 50% at 50% -8%, #f2a93b13, transparent 62%) no-repeat, var(--fondo);background-attachment:fixed;margin:0;line-height:1.4}h1,h2,h3,h4{font-family:var(--f-titulo);color:var(--texto);letter-spacing:-.01em;margin:0}h2{font-size:1.7rem;line-height:1.1}h3{font-size:1.15rem}h4{color:var(--suave);letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;font-weight:600}.dinero,.precio-grande{font-family:var(--f-titulo);font-variant-numeric:tabular-nums;letter-spacing:-.015em}small,.suave{color:var(--suave)}.suave{margin:0}.error{color:var(--error)}.aviso{color:var(--aviso)}.ok{color:var(--ok)}code{word-break:break-all;color:var(--acento);font-size:.9em}:focus-visible{outline:2px solid var(--acento);outline-offset:3px}button,a.boton{font:inherit;color:var(--texto);background:var(--panel2);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;transition:transform 80ms,filter .12s,background .15s;display:inline-flex}button:active:not(:disabled){filter:brightness(1.15);transform:scale(.97)}button.primario,a.boton.primario{background:var(--acento);color:var(--sobre-acento);box-shadow:0 8px 24px -10px #f2a93bb3}button.peligro{color:var(--error);background:#ff7b7221}button.fantasma{color:var(--suave);background:0 0}button.chico{border-radius:12px;min-height:42px;padding:.3rem .95rem;font-size:.9rem}button.grande{width:100%;min-height:76px;font-size:1.25rem;font-family:var(--f-titulo);border-radius:20px}button.activa{box-shadow:inset 0 0 0 2px var(--acento)}button:disabled{background:var(--panel);color:#8b93a199;box-shadow:none;cursor:not-allowed}button.primario:disabled{background:var(--panel2)}input,select{font:inherit;color:var(--texto);background:var(--panel2);border:1.5px solid #0000;border-radius:14px;min-width:0;min-height:52px;padding:.7rem 1rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--acento);outline:0;box-shadow:0 0 0 4px #f2a93b24}input::placeholder{color:var(--suave)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%238b93a1' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1.5l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.4rem}label{color:var(--suave);flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500;display:flex}label>input,label>select{color:var(--texto);font-size:1rem}.centro{text-align:center;color:var(--suave);margin-top:30vh}.fila{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fila input{flex:200px;min-width:0}.grow{flex:180px;min-width:0}.espacio{flex:1}.tarjeta{background:var(--panel);border-radius:20px;flex-direction:column;gap:.65rem;margin:.7rem 0;padding:1rem 1.1rem;display:flex}.tarjeta.fila{flex-flow:wrap;align-items:center}.panel-form h4{text-transform:none;letter-spacing:0;color:var(--texto);font-size:1.05rem}.panel-form{background:var(--panel);border:1px solid var(--borde);border-radius:20px;flex-direction:column;gap:.7rem;margin:.7rem 0 1rem;padding:1.1rem;display:flex}.cabecera{flex-wrap:wrap;align-items:flex-end;gap:.8rem;margin:.3rem 0 1rem;display:flex}.cabecera>div{flex:10rem;min-width:0}.cabecera .acciones{flex-basis:100%;gap:.5rem;display:flex}.cabecera .acciones button{flex:1}@media (width>=640px){.cabecera .acciones{flex-basis:auto}.cabecera .acciones button{flex:none}}.cabecera h2{margin:0}.cabecera p{color:var(--suave);margin:.2rem 0 0;font-size:.95rem}.app{min-height:100vh}.barra-sup{z-index:5;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--borde);background:#0b0e13d1;align-items:center;gap:.7rem;min-height:64px;padding:.55rem 1rem;display:flex;position:sticky;top:0}.marca{font-family:var(--f-titulo);letter-spacing:-.02em;color:var(--texto);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;display:inline-flex}.marca svg{flex:none;width:28px;height:28px}.marca b{color:var(--acento);font-weight:800}.seccion-actual{color:var(--suave);margin-left:.2rem;font-weight:600}.barra-sup .espacio{flex:1}.barra-sup nav{gap:.3rem;margin-left:1rem;display:none}.barra-sup nav a{min-height:44px;color:var(--suave);border-radius:12px;align-items:center;padding:.4rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.barra-sup nav a.activa{color:var(--acento);background:#f2a93b1a}.chip-caja{background:var(--panel2);min-height:44px;color:var(--texto);border-radius:99px;align-items:center;gap:.5rem;padding:.25rem .9rem .25rem .7rem;font-weight:600;display:inline-flex}.chip-caja i{background:var(--ok);width:.6rem;height:.6rem;box-shadow:0 0 10px var(--ok);border-radius:50%;flex:none}.chip-caja.sin i{background:var(--aviso);box-shadow:0 0 10px var(--aviso)}.avatar{background:var(--panel2);width:44px;min-height:44px;color:var(--acento);font-family:var(--f-titulo);border-radius:50%;padding:0;font-weight:800}main{padding:1.1rem 1rem calc(var(--nav) + 1.5rem + env(safe-area-inset-bottom));max-width:1100px;margin:0 auto}main.caja-main{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.nav-inf{z-index:6;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--borde);background:#0b0e13e6;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inf a,.nav-inf button{max-width:120px;min-height:56px;color:var(--suave);background:0 0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.35rem .2rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-inf svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.nav-inf a.activa{color:var(--acento)}.nav-inf a.activa:before{content:"";background:var(--acento);width:28px;height:3px;box-shadow:0 0 12px var(--acento);border-radius:0 0 4px 4px;position:absolute;top:-.4rem}.fondo-hoja{z-index:20;background:#040609a8;animation:.15s aparecer;position:fixed;inset:0}.hoja{z-index:21;background:var(--panel);max-height:88vh;padding:.6rem 1.1rem calc(1.2rem + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;max-width:640px;margin:0 auto;animation:.22s cubic-bezier(.2,.8,.2,1) subir;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 60px #00000080}.hoja .agarre{background:var(--borde);border-radius:99px;width:44px;height:5px;margin:.2rem auto .9rem}.hoja h3{margin-bottom:.6rem}.menu-lista{flex-direction:column;gap:.4rem;display:flex}.menu-lista a,.menu-lista button{background:var(--panel2);min-height:58px;color:var(--texto);border-radius:16px;justify-content:flex-start;align-items:center;gap:.9rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:flex}.menu-lista a.activa{box-shadow:inset 0 0 0 2px var(--acento)}.menu-lista svg{width:22px;height:22px;stroke:var(--acento);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.hoja select{width:100%}@keyframes subir{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}.pantalla-ingreso{flex-direction:column;justify-content:center;gap:1.6rem;max-width:460px;min-height:100vh;margin:0 auto;padding:1.5rem 1.2rem;display:flex}.pantalla-ingreso .marca{font-size:2rem}.pantalla-ingreso .marca svg{width:44px;height:44px}.pantalla-ingreso .lema{color:var(--suave);margin:.3rem 0 0}.pantalla-ingreso form{flex-direction:column;gap:.9rem;display:flex}.pantalla-ingreso button.primario{min-height:60px;font-size:1.05rem}.aviso-sesion{color:var(--aviso);background:#e9c46a1a;border-radius:14px;padding:.7rem 1rem}.login{max-width:440px;margin:12vh auto}.chips{scrollbar-width:none;gap:.5rem;margin:0 -.1rem .5rem;padding:.1rem .1rem .6rem;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--panel);min-height:44px;color:var(--suave);white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:.45rem;padding:.3rem 1rem;font-weight:600;display:inline-flex}.chip i{background:var(--c,var(--suave));width:.8rem;height:.8rem;clip-path:var(--forma,circle(50%))}.chip.on{background:color-mix(in srgb, var(--c,var(--acento)) 18%, var(--panel));color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--c,var(--acento))}.switch{min-height:44px;color:var(--suave);background:0 0;align-items:center;gap:.55rem;padding:0;font-size:.9rem;font-weight:500;display:inline-flex}.switch i{background:var(--panel2);width:50px;height:30px;box-shadow:inset 0 0 0 1.5px var(--borde);border-radius:99px;flex:none;transition:background .15s;position:relative}.switch i:after{content:"";background:var(--suave);border-radius:50%;width:22px;height:22px;transition:transform .15s,background .15s;position:absolute;top:4px;left:4px}.switch.on i{background:color-mix(in srgb, var(--acento) 30%, var(--panel2));box-shadow:inset 0 0 0 1.5px var(--acento)}.switch.on i:after{background:var(--acento);transform:translate(20px)}.switch:disabled{background:0 0}.insignia{background:color-mix(in srgb, currentColor 14%, transparent);white-space:nowrap;border-radius:99px;align-items:center;gap:.35rem;padding:.18rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.insignia:before{content:"";background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.insignia.ok{color:var(--ok)}.insignia.apagado{color:var(--suave)}.insignia.aviso{color:var(--aviso)}.insignia.error-i{color:var(--error)}.etiquetas{gap:.4rem;margin-top:.3rem}.lista{flex-direction:column;display:flex}.item{border-bottom:1px solid var(--borde);align-items:center;gap:.8rem;padding:.85rem 0;display:flex}.item:last-child{border-bottom:0}.item .punto{background:var(--c,var(--suave));width:.9rem;height:.9rem;clip-path:var(--forma,circle(50%));flex:none}.item .cuerpo{flex:1;min-width:0}.item .titulo{font-weight:600}.item .sub{color:var(--suave);font-size:.88rem}.item .monto{font-family:var(--f-titulo);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.item.off{opacity:.5}.grupo-cat{background:color-mix(in srgb, var(--c) 16%, var(--panel));box-shadow:inset 4px 0 0 var(--c);border-radius:14px;align-items:center;gap:.65rem;margin:1.6rem 0 .6rem;padding:.55rem .9rem;display:flex}.grupo-cat i{background:var(--c);width:1.1rem;height:1.1rem;clip-path:var(--forma,circle(50%));flex:none}.grupo-cat h3{color:var(--c);flex:1}.grupo-cat span{color:var(--suave);font-size:.85rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:.6rem 0 1rem;display:grid}@media (width<=639px){.kpis{grid-template-columns:1fr 1fr}.kpis .kpi.principal{grid-column:1/-1}}.kpi{background:var(--panel);border-radius:18px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.kpi small{font-weight:500}.kpi b{font-family:var(--f-titulo);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1.1}.kpi.principal{background:linear-gradient(160deg, #f2a93b29, var(--panel) 70%)}.kpi.principal b{color:var(--acento)}.resumen{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;display:grid}.resumen .tarjeta{margin:0}.resumen b{font-family:var(--f-titulo);font-variant-numeric:tabular-nums;font-size:1.5rem}.vacio{text-align:center;color:var(--suave);flex-direction:column;align-items:center;gap:.6rem;padding:2.2rem 1rem;display:flex}.vacio svg{width:56px;height:56px;stroke:var(--borde);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.reglas{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.reglas li{color:var(--suave);background:var(--panel2);border-radius:99px;padding:.15rem .7rem;font-size:.82rem}.reglas li:before{content:"○ "}.reglas li.cumple{color:var(--ok);background:#6fd1a01f}.reglas li.cumple:before{content:"✓ "}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borde);padding:.55rem .4rem}th{color:var(--suave);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}td:not(:first-child),th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.tabla-scroll{overflow-x:auto}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.tile{text-align:left;white-space:normal;background:linear-gradient(150deg, color-mix(in srgb, var(--c,var(--cat-0)) 24%, var(--panel)), var(--panel) 85%);border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;min-height:118px;padding:.9rem .95rem .85rem 1.15rem;font-weight:500;display:flex;position:relative;overflow:hidden}.tile:before{content:"";background:var(--c,var(--cat-0));width:4px;box-shadow:0 0 14px var(--c,var(--cat-0));border-radius:0 4px 4px 0;position:absolute;top:14px;bottom:14px;left:0}.tile:after{content:"";background:var(--c,var(--cat-0));opacity:.75;width:16px;height:16px;clip-path:var(--forma,circle(50%));position:absolute;bottom:12px;right:12px}.tile .n{font-family:var(--f-titulo);overflow-wrap:break-word;padding-right:1.8rem;font-size:1.08rem;font-weight:600;line-height:1.15}.tile .p{font-family:var(--f-titulo);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.tile.sel{box-shadow:inset 0 0 0 1.5px var(--c,var(--cat-0))}.tile .q{background:var(--c);color:#14110a;min-height:32px;font-family:var(--f-titulo);border-radius:99px;align-items:center;gap:.25rem;padding:.05rem .65rem;font-size:1.05rem;font-weight:800;animation:.18s pop;display:inline-flex;position:absolute;top:9px;right:9px}.tile .q b{font-size:1.2rem;line-height:1}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.barra-pedido{z-index:7;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--borde);background:#0b0e13eb;align-items:center;gap:.7rem;display:flex;position:fixed;bottom:0;left:0;right:0}.barra-pedido .resumen-pedido{text-align:left;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:0;min-width:0;min-height:56px;padding:.2rem 0}.resumen-pedido small{color:var(--suave);font-weight:500}.resumen-pedido b{font-family:var(--f-titulo);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem}.barra-pedido .primario{min-width:46%;min-height:60px;font-size:1.1rem;font-family:var(--f-titulo);border-radius:18px}.toast-error{left:1rem;right:1rem;bottom:calc(5.6rem + env(safe-area-inset-bottom));z-index:8;text-align:left;white-space:normal;background:color-mix(in srgb, var(--error) 22%, var(--panel));min-height:56px;color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--error), 0 10px 30px #00000080;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.8rem 1rem;font-weight:600;animation:.18s pop;display:flex;position:fixed}.toast-error small{color:var(--suave);font-weight:500}.con-nav .toast-error{bottom:calc(var(--nav) + 5.6rem + env(safe-area-inset-bottom))}.barra-pedido.vacia{color:var(--suave);justify-content:center;font-size:.95rem}.ticket-lineas{flex-direction:column;display:flex}.linea-pedido{border-bottom:1px solid var(--borde);align-items:center;gap:.7rem;padding:.7rem 0;display:flex}.linea-pedido .cuerpo{flex:1;min-width:0}.linea-pedido .titulo{font-weight:600}.linea-pedido .sub{color:var(--suave);font-size:.85rem}.paso{background:var(--panel2);border-radius:14px;align-items:center;gap:.2rem;display:inline-flex}.paso button{background:0 0;border-radius:14px;width:48px;min-height:48px;padding:0;font-size:1.4rem}.paso b{text-align:center;min-width:1.6ch;font-family:var(--f-titulo);font-size:1.15rem}.linea-pedido .monto{text-align:right;min-width:5.6rem;font-family:var(--f-titulo);font-variant-numeric:tabular-nums;font-weight:700}.corte{border-top:2px dashed var(--borde);margin:1rem -1.1rem;position:relative}.corte:before,.corte:after{content:"";background:var(--fondo);border-radius:50%;width:20px;height:20px;position:absolute;top:-11px}.corte:before{left:-10px}.corte:after{right:-10px}.medios{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.medios button{white-space:normal;flex-direction:column;gap:.1rem;min-height:60px;font-size:.92rem;line-height:1.15}.medios button small{font-weight:500}.total-ticket{justify-content:space-between;align-items:baseline;gap:1rem;margin:.2rem 0 .9rem;display:flex}.total-ticket b{font-family:var(--f-titulo);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.3rem}.selector-caja{flex-direction:column;gap:.7rem;display:flex}.selector-caja button{min-height:84px;font-family:var(--f-titulo);background:var(--panel);border-radius:20px;justify-content:space-between;padding:1rem 1.2rem;font-size:1.25rem}.selector-caja button i{color:var(--suave);font-style:normal;font-family:var(--f-texto);font-size:.85rem;font-weight:500}.cobro{flex-direction:column;align-items:center;gap:.9rem;display:flex}.ticket-cobro{background:var(--panel);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:560px;padding:1.3rem 1.1rem 1.1rem;display:flex}.ticket-cobro .codigo{color:var(--suave);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-weight:600}.ticket-cobro .total{font-family:var(--f-titulo);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1}.ticket-cobro .qr-marco{background:#d4d9de;border-radius:18px;width:min(100%,72vh,460px);padding:10px}.ticket-cobro .qr-marco svg{border-radius:10px;width:100%;height:auto;display:block}.estado-cobro{font-family:var(--f-titulo);color:var(--aviso);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;display:flex}.estado-cobro .pulso{background:currentColor;border-radius:50%;width:.7rem;height:.7rem;animation:1.4s infinite pulso}.estado-cobro.pagada{color:var(--ok);font-size:1.7rem}.estado-cobro.pagada .pulso{animation:none}.estado-cobro.expirada,.estado-cobro.cancelada{color:var(--error)}@keyframes pulso{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 55%, transparent)}70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}.ticket-cobro .vence{color:var(--suave);font-variant-numeric:tabular-nums;font-size:.9rem}.acciones-cobro{flex-direction:column;gap:.6rem;width:100%;max-width:560px;display:flex}.acciones-cobro button{min-height:60px}.pagado-hecho{background:#6fd1a024;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;margin:.4rem 0;animation:.3s pop;display:flex}.pagado-hecho svg{width:58px;height:58px;stroke:var(--ok);fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.boliche h3{font-size:1.35rem}.cajas{background:var(--fondo);border-radius:16px;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.cajas h4{margin:0}.caja-fila{background:var(--panel2);border-radius:14px;padding:.7rem .8rem}.encabezado{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.encabezado h2{flex:auto}.encabezado input{flex:220px}.grande-texto{font-family:var(--f-titulo);font-size:1.3rem}.precio-grande{font-size:2.4rem;font-weight:800;line-height:1.05}.precio-grande .suave{font-size:1rem;font-weight:500;font-family:var(--f-texto)}.mes-fila{padding:.4rem 0}@media (width>=1025px){.barra-sup nav{display:flex}.nav-inf,.seccion-actual{display:none}main{padding-bottom:3rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (width>=640px) and (width<=1024px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}main.caja-main{max-width:820px}}@media (width>=900px) and (width<=1024px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tile-caja{position:relative}.tile-caja .tile{width:100%;height:100%}.tile-caja .q{flex-direction:column;align-items:center;gap:5px;animation:.18s pop;display:flex;position:absolute;top:8px;right:8px}.tile-caja .q b{background:var(--c,var(--cat-0));color:#14110a;width:34px;height:34px;font-family:var(--f-titulo);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.tile-caja .q button{width:34px;min-height:34px;color:var(--texto);background:#ffffff17;border-radius:50%;padding:0;font-size:1.25rem;line-height:1}.tile-caja.con-cant .tile .n{padding-right:2.4rem}@media (width<=1024px){.con-nav .barra-pedido{bottom:calc(var(--nav) + env(safe-area-inset-bottom))}.con-nav main.caja-main{padding-bottom:calc(var(--nav) + 130px + env(safe-area-inset-bottom))}}.icono{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.prod-item{flex-wrap:wrap}.item-acciones{flex-basis:100%;align-items:center;gap:.6rem;margin-top:-.35rem;padding-left:1.5rem;display:flex}.item-acciones .switch{min-height:40px}.item-acciones input{flex:1;min-height:44px}.item .derecha{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.avatar-lista{background:var(--panel2);width:44px;height:44px;color:var(--acento);font-family:var(--f-titulo);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.barras{flex-direction:column;gap:.9rem;display:flex}.barra-dato .linea-dato{justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.barra-dato .linea-dato b{font-family:var(--f-titulo);font-variant-numeric:tabular-nums}.barra-dato .pista{background:var(--panel2);border-radius:99px;height:6px;margin-top:.35rem;overflow:hidden}.barra-dato .pista i{background:linear-gradient(90deg, var(--acento), color-mix(in srgb, var(--acento) 55%, transparent));border-radius:99px;height:100%;display:block}@media (width>=640px){.prod-item{flex-wrap:nowrap}.item-acciones{flex-basis:auto;margin-top:0;margin-left:.5rem;padding-left:0}.prod-item .monto{text-align:right;min-width:7.5rem}.lista{max-width:880px}}[data-f="0"]{--forma:var(--forma-0)}[data-f="1"]{--forma:var(--forma-1)}[data-f="2"]{--forma:var(--forma-2)}[data-f="3"]{--forma:var(--forma-3)}[data-f="4"]{--forma:var(--forma-4)}[data-f="5"]{--forma:var(--forma-5)}.campo-ayuda{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ayuda{flex-direction:column;align-items:flex-start;gap:.4rem;display:inline-flex}.ayuda-btn{background:var(--panel2);width:32px;min-height:32px;color:var(--acento);box-shadow:inset 0 0 0 1.5px var(--borde);border-radius:50%;padding:0;font-weight:800}.ayuda-texto{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--borde);color:var(--texto);border-radius:12px;padding:.7rem .9rem;font-size:.92rem;line-height:1.4;display:block}.campo-ayuda .ayuda{display:contents}.campo-ayuda .ayuda-texto{flex-basis:100%}.estrella{color:var(--acento)}.suspendido{max-width:32rem;margin:3rem auto 0}.suspendido .monto-deuda{font-family:var(--f-titulo);color:var(--texto);font-size:2rem;font-weight:800}.suspendido .monto-deuda small{color:var(--suave);font-size:.9rem;font-weight:500;display:block}.aviso-pago{background:color-mix(in srgb, var(--aviso) 16%, var(--panel));box-shadow:inset 0 0 0 1.5px var(--aviso);color:var(--texto);border-radius:14px;margin:0 0 1rem;padding:.7rem 1rem;font-size:.92rem}.pasos-config{counter-reset:paso;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.pasos-config li{text-align:center;color:var(--suave);flex-direction:column;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex;position:relative}.pasos-config li:after{content:"";background:var(--borde);height:2px;position:absolute;top:19px;left:calc(50% + 24px);right:calc(24px - 50%)}.pasos-config li:last-child:after{display:none}.pasos-config li.hecho:after{background:var(--ok)}.pasos-config i{background:var(--panel2);width:40px;height:40px;font-style:normal;font-family:var(--f-titulo);border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.pasos-config i svg{stroke:currentColor;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pasos-config li.hecho{color:var(--ok)}.pasos-config li.hecho i{background:color-mix(in srgb, var(--ok) 18%, var(--panel))}.pasos-config li.actual{color:var(--texto)}.pasos-config li.actual i{background:var(--acento);color:var(--sobre-acento);box-shadow:0 0 0 5px #f2a93b2e,0 0 22px #f2a93b73}.hero-mp{text-align:center;background:radial-gradient(120% 90% at 50% 0%, #f2a93b33, var(--panel) 62%);border-radius:24px;flex-direction:column;align-items:center;gap:.5rem;margin:0 0 1.4rem;padding:1.8rem 1.2rem 1.4rem;display:flex;box-shadow:inset 0 0 0 1.5px #f2a93b59}.hero-mp h3{margin:.3rem 0 0;font-size:1.5rem}.hero-mp p{color:var(--suave);max-width:28rem;margin:0 0 .5rem}.hero-mp .sello{background:var(--acento);width:76px;height:76px;color:var(--sobre-acento);border-radius:22px;place-items:center;display:grid;box-shadow:0 0 38px #f2a93b8c}.hero-mp .sello svg,.todo-listo svg,.sello-qr svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:42px}.hero-mp button.grande{max-width:26rem}.todo-listo{background:linear-gradient(120deg, color-mix(in srgb, var(--ok) 20%, var(--panel)), var(--panel) 75%);color:var(--ok);border-radius:20px;align-items:center;gap:1rem;margin:0 0 1.2rem;padding:1rem 1.1rem;display:flex}.todo-listo div{color:var(--texto);flex-direction:column;display:flex}.todo-listo b{font-family:var(--f-titulo);font-size:1.2rem}.todo-listo small{color:var(--suave)}.cabecera.seccion{margin:1.6rem 0 .4rem}.cabecera.seccion h3{margin:0}button.agregar{width:100%}.cuenta-mp .luz{background:var(--ok);width:14px;height:14px;box-shadow:0 0 12px var(--ok);border-radius:50%;flex:none}.cuenta-mp .luz.mal{background:var(--error);box-shadow:0 0 12px var(--error)}.cuenta-mp.caida{box-shadow:inset 0 0 0 1.5px var(--error)}.cuenta-mp .fila button.chico{flex:auto}.lista-barras{gap:.7rem;margin:.7rem 0;display:grid}.lista-barras .tarjeta{margin:0}@media (width>=640px){.lista-barras{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.tarjeta.barra{box-shadow:inset 0 0 0 1.5px var(--borde)}.tarjeta.barra.activa{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ok) 45%, transparent)}.tarjeta.barra h3{font-size:1.25rem;margin-bottom:.35rem!important}.tarjeta.barra .insignia{margin-top:.35rem}.tarjeta.barra button.primario{width:100%}.sello-qr{color:var(--ok);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--ok) 60%, transparent))}button.nueva-barra{border:2px dashed var(--borde);min-height:96px;color:var(--suave);background:0 0;border-radius:20px;justify-content:center;align-items:center;gap:.6rem;font-size:1.05rem;display:flex}button.nueva-barra span{font-family:var(--f-titulo);color:var(--acento);font-size:1.8rem;line-height:1}.fila-2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.panel-form button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;margin-right:.45rem}.panel-form button[type=button]:not(.fantasma):not(.chico){width:100%}p.ubicado{align-items:center;gap:.4rem;margin:0;font-weight:600;display:flex}p.ubicado svg{stroke:currentColor;fill:none;stroke-width:3px;width:20px;height:20px}p.ubicado button{margin-left:auto}.hoja .panel-form{background:0 0;border:0;margin:0;padding:0}