:root{--dot-pink:#ff3ea5;--dot-pink-soft:#ffd9ec;--dot-pink-deep:#e31c79;--dot-black:#111;--dot-white:#fff;--dot-cream:#fff6fa;--sem-verde:#34c759;--sem-ambar:#ffb020;--sem-rojo:#ff3b30;--glass-bg:#ffffff8c;--glass-bg-heavy:#ffffffb8;--glass-border:#fff9;--glass-shadow:0 8px 32px #e31c791a, 0 2px 8px #1111110d;--radio:24px;--radio-lg:32px;--spring:cubic-bezier(.34, 1.56, .64, 1);--suave:cubic-bezier(.25, .1, .25, 1);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--dot-black);background:var(--dot-cream);touch-action:manipulation;font-family:Inter,-apple-system,sans-serif;overflow:hidden}h1,h2,h3,.display{text-transform:uppercase;letter-spacing:-.02em;font-family:Archivo Black,sans-serif;font-weight:400}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}sup{vertical-align:super;font-size:.55em;font-weight:800}::-webkit-scrollbar{width:0;height:0}.fondo{z-index:-1;background:linear-gradient(160deg,#fff6fa 0%,#ffedf6 45%,#ffe0ef 100%);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(70px);opacity:.55;border-radius:50%;position:absolute}.blob-1{background:#ffc9e4;width:44vmax;height:44vmax;top:-18vmax;right:-12vmax}.blob-2{background:#ffe4f1;width:36vmax;height:36vmax;bottom:-14vmax;left:-10vmax}.glass{-webkit-backdrop-filter:blur(34px)saturate(1.85);backdrop-filter:blur(34px)saturate(1.85);border-radius:var(--radio);background:linear-gradient(#ffffffad,#ffffff75);border:1px solid #ffffffb3;box-shadow:0 12px 44px #e31c7917,0 2px 10px #1111110a,inset 0 1.5px #fffffff2}.glass-heavy{-webkit-backdrop-filter:blur(48px)saturate(1.9);backdrop-filter:blur(48px)saturate(1.9);background:linear-gradient(#ffffffd6,#ffffff9e);border:1px solid #fffc;box-shadow:0 30px 80px #e31c792e,0 6px 20px #1111110f,inset 0 1.5px #fffffff2}#root{flex-direction:column;height:100%;display:flex}.pantalla{flex-direction:column;flex:1;min-height:0;display:flex}.pantalla-centro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex}.pantalla-centro h1{font-size:clamp(20px,3.4vw,30px)}.pantalla-centro .sub{color:var(--dot-pink-deep);font-size:14px;font-weight:600}.selector-modo{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn-modo{border-radius:var(--radio-lg);text-align:center;width:200px;transition:transform .18s var(--spring);padding:26px 22px}.btn-modo:active{transform:scale(.96)}.btn-modo .emoji{margin-bottom:10px;font-size:40px;display:block}.btn-modo .titulo{text-transform:uppercase;color:var(--dot-pink);font-family:Archivo Black;font-size:19px;display:block}.btn-modo .desc{color:#1111118c;margin-top:5px;font-size:12.5px;font-weight:600;display:block}.header{z-index:20;border-radius:22px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;margin:12px 14px 0;padding:12px 20px;display:flex}.header .rol{letter-spacing:.02em;font-family:Archivo Black;font-size:15px}.header .rol .rosa{color:var(--dot-pink)}.header .espacio{flex:1}.btn-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .15s var(--spring);background:#ffffff8c;border:1px solid #ffffffbf;border-radius:99px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #e31c7914}.btn-header:active{transform:scale(.94)}.pill-caja{background:var(--dot-black);color:#fff;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:800;display:flex}.header-user{background:#ffffff8c;border:1px solid #ffffffbf;border-radius:99px;align-items:center;gap:8px;padding:5px 14px 5px 5px;display:flex}.header-user .avatar{background:var(--dot-pink);color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.header-user .nombre{color:var(--dot-black);font-size:13px;font-weight:700}.cuerpo{padding:12px 14px calc(14px + var(--safe-b));flex:1;gap:14px;min-height:0;display:flex}.zona-catalogo{flex-direction:column;flex:1.85;gap:12px;min-width:0;display:flex}.zona-ticket{border-radius:var(--radio-lg);flex-direction:column;flex:1;min-width:310px;max-width:430px;display:flex;overflow:hidden}.fila-busqueda{flex-shrink:0;gap:10px;display:flex}.buscador{background:#ffffff80;border:1px solid #ffffffb3;border-radius:99px;flex:1;align-items:center;gap:10px;padding:12px 18px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 4px 16px #e31c790d}.buscador svg{opacity:.45;flex-shrink:0}.buscador input{flex:1;font-size:15px;font-weight:600}.buscador input::placeholder{color:#11111159}.tabs{-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background:#ffffff6b;border:1px solid #fff9;border-radius:99px;flex-shrink:0;gap:3px;width:max-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.tab{letter-spacing:.02em;white-space:nowrap;color:#1111118c;transition:all .2s var(--spring);border-radius:99px;padding:10px 20px;font-family:Archivo Black;font-size:13px}.tab.activa{color:#fff;background:linear-gradient(#ff5bb4,#ff3ea5 60%,#f02d98);box-shadow:0 6px 18px #ff3ea573}.grid-productos{flex:1;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));align-content:start;gap:14px;padding:4px 2px 20px;display:grid;overflow-y:auto}.card-prod{text-align:left;transition:transform .18s var(--spring);background:linear-gradient(#ffffffc7,#ffffff8c);border:1px solid #fffc;border-radius:26px;flex-direction:column;gap:9px;padding:18px 16px 15px;display:flex;box-shadow:0 8px 26px #e31c7912}.card-prod:active{transform:scale(.955)}.card-prod .nombre{font-size:14.5px;font-weight:800;line-height:1.22}.card-prod .sub-prod{color:#11111173;margin-top:-6px;font-size:11px;font-weight:600}.card-prod .precio{color:var(--dot-pink);margin-top:auto;font-size:16px;font-weight:800}.zona-ticket .cab{flex-direction:column;flex-shrink:0;gap:11px;padding:16px 18px 12px;display:flex}.input-cliente{background:#ffffff9e;border:1px solid #ffffffbf;border-radius:16px;align-items:center;gap:10px;padding:11px 15px;display:flex}.input-cliente input{flex:1;font-size:15px;font-weight:700}.input-cliente input::placeholder{color:#11111152;font-weight:600}.segmentado{background:#1111110f;border-radius:14px;gap:3px;padding:3px;display:flex}.segmentado button{color:#11111180;transition:all .2s var(--suave);border-radius:11px;flex:1;padding:9px 0;font-size:13px;font-weight:800}.segmentado button.activo{color:var(--dot-black);background:#fff;box-shadow:0 2px 8px #1111111a}.lista-items{flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px 12px;display:flex;overflow-y:auto}.ticket-vacio{opacity:.4;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.ticket-vacio .burbuja{font-size:40px}.ticket-vacio p{max-width:180px;font-size:13px;font-weight:600}.ticket-item{background:#ffffffa8;border:1px solid #fffc;border-radius:18px;gap:11px;padding:12px 13px;display:flex}.ticket-item .cant{background:var(--dot-pink-soft);width:26px;height:26px;color:var(--dot-pink-deep);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:13px;font-weight:800;display:flex}.ticket-item .centro{flex:1;min-width:0}.ticket-item .nom{font-size:14px;font-weight:800}.ticket-item .mods{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.chip-mini{color:#1119;background:#1111110f;border-radius:99px;padding:3px 8px;font-size:10.5px;font-weight:700}.ticket-item .nota{color:var(--dot-pink);margin-top:5px;font-size:12px;font-style:italic;font-weight:600}.ticket-item .der{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.ticket-item .pre{white-space:nowrap;font-size:14px;font-weight:800}.btn-quitar{color:#11111180;background:#11111112;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.btn-quitar:active{background:var(--sem-rojo);color:#fff}.zona-totales{padding:12px 18px calc(16px + var(--safe-b));background:linear-gradient(#0000,#ffffff80);flex-direction:column;flex-shrink:0;gap:9px;display:flex}.fila-total{color:#1119;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;display:flex}.fila-total.grande{color:var(--dot-black);align-items:baseline;font-size:15px}.fila-total.grande .monto{letter-spacing:-.01em;font-family:Archivo Black;font-size:30px}.btn-cobrar{background:var(--dot-pink);color:#fff;letter-spacing:.02em;text-transform:uppercase;transition:transform .18s var(--spring);border-radius:22px;padding:17px;font-family:Archivo Black;font-size:18px;box-shadow:0 10px 28px #ff3ea573}.btn-cobrar:active{background:var(--dot-pink-deep);transform:scale(.965)}.btn-cobrar:disabled{color:#11111159;box-shadow:none;background:#1111111f}.velo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:40;background:#3c0a2847;transition:opacity .3s;position:fixed;inset:0}.velo.visible{opacity:1;pointer-events:auto}.sheet{z-index:50;border-radius:var(--radio-lg) var(--radio-lg) 0 0;width:min(620px,100vw);max-height:92dvh;transition:transform .42s var(--spring);padding-bottom:var(--safe-b);flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,105%)}.sheet.abierta{transform:translate(-50%)}.sheet .asa{background:#11111126;border-radius:99px;flex-shrink:0;width:44px;height:5px;margin:10px auto 2px}.sheet .sheet-scroll{flex-direction:column;gap:16px;padding:8px 24px 20px;display:flex;overflow-y:auto}.sheet h2{font-size:19px}.sheet .precio-base{color:var(--dot-pink);font-size:15px;font-weight:800}.pie-sheet{padding:14px 24px calc(18px + var(--safe-b));background:linear-gradient(#0000,#ffffffa6);flex-shrink:0}.btn-agregar{background:var(--dot-pink);color:#fff;text-transform:uppercase;letter-spacing:.02em;width:100%;transition:transform .18s var(--spring);border-radius:22px;padding:17px;font-family:Archivo Black;font-size:16.5px;box-shadow:0 10px 26px #ff3ea56b}.btn-agregar:active{background:var(--dot-pink-deep);transform:scale(.965)}.btn-agregar:disabled{box-shadow:none;background:#11111126}.wiz-sec{border-bottom:1px solid #11111112;padding:6px 0 10px}.wiz-sec:last-child{border-bottom:none}.g-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--dot-pink-deep);align-items:center;gap:7px;margin:2px 0 9px;font-size:11px;font-weight:900;display:flex}.g-lbl .req{background:var(--dot-pink-soft);color:var(--dot-pink-deep);border-radius:99px;padding:2px 8px;font-size:10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{transition:all .18s var(--spring);background:#ffffffb3;border:1.5px solid #11111114;border-radius:99px;align-items:center;gap:6px;padding:10px 16px;font-size:13.5px;font-weight:700;display:flex}.chip:active{transform:scale(.94)}.chip .extra-precio{color:var(--dot-pink);font-size:11.5px;font-weight:800}.chip.sel{background:var(--dot-pink);color:#fff;border-color:var(--dot-pink);box-shadow:0 5px 14px #ff3ea559}.chip.sel .extra-precio{color:#fff}.subgrupo-tit{color:#1116;text-transform:uppercase;margin:10px 0 2px;font-size:10.5px;font-weight:800}.fila-cant-nota{align-items:flex-start;gap:14px;display:flex}.stepper{background:#1111110f;border-radius:16px;align-items:center;gap:2px;padding:4px;display:flex}.stepper button{width:42px;height:42px;color:var(--dot-pink-deep);border-radius:13px;font-size:21px;font-weight:800}.stepper button:active{background:#fff;transform:scale(.9)}.stepper .num{text-align:center;width:38px;font-family:Archivo Black;font-size:19px;display:inline-block}.campo-nota{flex:1}.campo-nota input,.campo-txt{background:#ffffffb8;border:1.5px solid #11111112;border-radius:16px;width:100%;padding:13px 16px;font-size:14px;font-weight:600}.campo-nota input::placeholder,.campo-txt::placeholder{color:#1111114d}.sugerencias-nota{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.sug{color:#1111118c;background:#1111110d;border-radius:99px;padding:5px 11px;font-size:11.5px;font-weight:700}.sug:active{background:var(--dot-pink-soft);color:var(--dot-pink-deep)}.segmentado-vaso select,.select-vaso{background:#ffffffbf;border:1.5px solid #11111114;border-radius:16px;width:100%;padding:13px 16px;font-size:14px;font-weight:700}.pago-total-linea{text-align:center;padding:4px 0 2px}.pago-total-linea .lbl{text-transform:uppercase;letter-spacing:.1em;color:#1116;font-size:12px;font-weight:800}.pago-total-linea .monto{color:var(--dot-black);letter-spacing:-.02em;font-family:Archivo Black;font-size:44px}.metodo-pago{background:#1111110f;border-radius:16px;gap:4px;padding:4px;display:flex}.metodo-pago button{color:#11111173;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:800;display:flex}.metodo-pago button.activo{color:var(--dot-black);background:#fff;box-shadow:0 3px 10px #1111111a}.display-recibido{background:#ffffffb8;border:1.5px solid #1111110f;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.display-recibido .lbl{color:#11111180;font-size:13px;font-weight:700}.display-recibido .val{font-family:Archivo Black;font-size:26px}.rapidos{gap:8px;display:flex}.rapidos button{background:var(--dot-pink-soft);color:var(--dot-pink-deep);border-radius:14px;flex:1;padding:11px 4px;font-size:13.5px;font-weight:800}.rapidos button:active{transform:scale(.94)}.numpad{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.numpad button{background:#ffffffbf;border:1px solid #ffffffe6;border-radius:18px;padding:15px;font-family:Archivo Black;font-size:21px}.numpad button:active{background:var(--dot-pink-soft);transform:scale(.93)}.linea-cambio{background:#4cc94c21;border:1.5px solid #4cc94c4d;border-radius:18px;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.linea-cambio.falta{background:#ff3b3017;border-color:#ff3b3040}.linea-cambio .lbl{text-transform:uppercase;letter-spacing:.06em;color:#1111118c;font-size:13px;font-weight:800}.linea-cambio .val{color:#1f9d1f;font-family:Archivo Black;font-size:34px}.linea-cambio.falta .val{color:var(--sem-rojo)}.tarjeta-info{text-align:center;color:#1111118c;padding:18px 10px;font-size:14px;font-weight:600;line-height:1.5}#overlay-exito{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#fff6fa66;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}#overlay-exito.visible{opacity:1;pointer-events:auto}.tarjeta-exito{text-align:center;border-radius:36px;max-width:min(430px,90vw);padding:40px 48px}.check-circulo{background:var(--dot-pink);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 18px;display:flex;box-shadow:0 14px 34px #ff3ea580}.tarjeta-exito h2{margin-bottom:6px;font-size:23px}.tarjeta-exito .num-orden{color:var(--dot-pink);margin-bottom:14px;font-family:Archivo Black;font-size:16px}.tarjeta-exito .cambio-grande{background:#4cc94c21;border-radius:18px;margin:8px 0 4px;padding:13px 22px;display:inline-block}.tarjeta-exito .cambio-grande .lbl{text-transform:uppercase;letter-spacing:.08em;color:#11111180;font-size:11px;font-weight:800;display:block}.tarjeta-exito .cambio-grande .val{color:#1f9d1f;font-family:Archivo Black;font-size:30px}.error-msg{color:var(--sem-rojo);text-align:center;padding:8px;font-size:13px;font-weight:700}.hint{color:#11111180;text-align:center;font-size:12px;font-weight:600}.tabs-sheet{background:#1111110f;border-radius:14px;gap:3px;padding:3px;display:flex}.tabs-sheet button{color:#11111180;border-radius:11px;flex:1;padding:10px;font-size:13px;font-weight:800}.tabs-sheet button.activo{color:var(--dot-black);background:#fff;box-shadow:0 2px 8px #1111111a}.fila-2{gap:10px;display:flex}.fila-2>*{flex:1;min-width:0}textarea.campo-txt{resize:none;min-height:70px;font-family:inherit}.nivel-opcion{text-align:left;background:#ffffffa6;border:2px solid #11111114;border-radius:16px;align-items:flex-start;gap:12px;width:100%;margin-bottom:8px;padding:13px 15px;display:flex}.nivel-opcion.sel{border-color:var(--dot-pink);background:var(--dot-pink-soft)}.nivel-opcion .tt{font-size:13.5px;font-weight:900}.nivel-opcion .cc{color:#1111118c;margin-top:2px;font-size:12px;font-weight:600}.folio-big{color:var(--dot-pink);letter-spacing:.02em;font-family:Archivo Black;font-size:28px}.inc-item{background:#ffffffa6;border:1px solid #ffffffd9;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.inc-item .det{flex:1;min-width:0}.inc-item .cli{font-size:13px;font-weight:800}.inc-item .meta{color:#11111173;margin-top:2px;font-size:11px;font-weight:600}.tag-estado{text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:800}.tag-estado.abierta{color:#8a5a00;background:#ffb02038}.tag-estado.resuelta{color:#1f7d33;background:#34c75929}.tag-canjeada{text-transform:uppercase;color:#1f9d1f;white-space:nowrap;background:#4cc94c2e;border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:800}.hist-resumen{flex-wrap:wrap;gap:10px;display:flex}.hist-kpi{text-align:center;background:#ffffffad;border:1px solid #ffffffd9;border-radius:20px;flex:1;min-width:120px;padding:14px}.hist-kpi .num{font-family:Archivo Black;font-size:22px}.hist-kpi .lbl{text-transform:uppercase;letter-spacing:.06em;color:#1111116b;margin-top:3px;font-size:10.5px;font-weight:800}.hist-kpi.rosa .num{color:var(--dot-pink)}.hist-lista{flex-direction:column;gap:8px;display:flex}.hist-item{background:#ffffff9e;border:1px solid #fffc;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hist-item .numorden{color:var(--dot-pink);font-family:Archivo Black;font-size:14px}.hist-item .info{flex:1;min-width:0}.hist-item .cli{font-size:13.5px;font-weight:800}.hist-item .meta{color:#11111173;margin-top:2px;font-size:11.5px;font-weight:600}.hist-item .tot{white-space:nowrap;font-size:14.5px;font-weight:800}.hist-vacio{text-align:center;color:#1116;padding:30px;font-size:14px;font-weight:600}.cli-row{text-align:left;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:15px;align-items:center;gap:10px;width:100%;padding:11px 13px;display:flex}.cli-row .cn{font-size:13.5px;font-weight:800}.cli-row .cm{color:#11111173;font-size:11px;font-weight:600}.ficha-cliente{border:1.5px solid var(--dot-pink-soft);background:#fff9;border-radius:18px;flex-direction:column;gap:10px;padding:15px;display:flex}.ficha-cliente .fc-nombre{font-family:Archivo Black;font-size:18px}.ficha-cliente .fc-puntos{color:var(--dot-pink-deep);font-size:13px;font-weight:700}.badge-cumple{color:#7a5a00;background:#ffe9a8;border-radius:99px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:800}.recompensa-row{background:#ffffffa6;border:1px solid #fffc;border-radius:14px;align-items:center;gap:10px;padding:10px 13px;display:flex}.recompensa-row .rn{flex:1;font-size:13px;font-weight:700}.recompensa-row .rp{color:var(--dot-pink-deep);white-space:nowrap;font-size:12px;font-weight:800}