@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--azul:#1668d6;--azul-osc:#0f4fa3;--azul-luz:#eaf3fe;--celeste:#38b6e8;--celeste-luz:#e6f6fd;--tinta:#0f172a;--acero:#334155;--gris:#64748b;--linea:#e2e8f0;--nube:#f7fafc;--verde:#0e9f6e;--verde-luz:#e7f8f1;--rojo:#dc2626;--rojo-luz:#fef2f2;--radio:16px;--sombra:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--nube);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}button{cursor:pointer;border:none;font-family:inherit;font-size:16px}input,select{font-family:inherit;font-size:16px}.pantalla{max-width:1180px;margin:0 auto;padding:0 16px 110px}.barra{background:var(--azul);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.barra .marca{letter-spacing:-.4px;font-size:18px;font-weight:800}.barra .quien{opacity:.88;text-transform:capitalize;font-size:13px}.barra button{color:#fff;background:#ffffff2e;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:600}.menu{gap:8px;max-width:1180px;margin:0 auto;padding:14px 16px 0;display:flex;overflow-x:auto}.menu button{border:1px solid var(--linea);color:var(--gris);white-space:nowrap;background:#fff;border-radius:999px;padding:11px 18px;font-size:14.5px;font-weight:700}.menu button.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.tarjeta{border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;margin-top:16px;padding:18px}.tarjeta h2{letter-spacing:-.3px;margin:0 0 4px;font-size:18px;font-weight:800}.tarjeta .ayuda{color:var(--gris);margin:0 0 16px;font-size:14.5px}.fila{gap:8px;display:flex}.fila>*{flex:1;min-width:0}label{color:var(--gris);margin:14px 0 6px;font-size:13px;font-weight:700;display:block}input,select{border:1.5px solid var(--linea);width:100%;color:var(--tinta);background:#fff;border-radius:12px;padding:14px}input:focus,select:focus{border-color:var(--azul);box-shadow:0 0 0 4px var(--azul-luz);outline:none}.boton{background:var(--azul);color:#fff;border-radius:14px;width:100%;margin-top:16px;padding:16px;font-size:16px;font-weight:800;transition:transform .14s,box-shadow .14s;box-shadow:0 6px 16px #1668d642}.boton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #1668d652}.boton:disabled{opacity:.42;box-shadow:none}.boton.claro{color:var(--acero);border:1.5px solid var(--linea);box-shadow:none;background:#fff}.boton.peligro{background:var(--rojo);box-shadow:none}.boton.chico{width:auto;margin:0;padding:10px 16px;font-size:14px}.aviso{border-radius:12px;margin-top:14px;padding:13px 15px;font-size:14.5px;font-weight:500}.aviso.error{background:var(--rojo-luz);color:var(--rojo);border:1px solid #fecaca}.aviso.bien{background:var(--verde-luz);color:var(--verde);border:1px solid #b6ecd6}.vacio{text-align:center;color:var(--gris);background:var(--azul-luz);border-radius:var(--radio);margin-top:16px;padding:34px 18px;font-size:14.5px}.vacio strong{color:var(--tinta);margin-bottom:6px;font-size:15.5px;display:block}.renglon{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.renglon:last-child{border-bottom:none}.renglon .desc{font-weight:700}.renglon .sub{color:var(--gris);font-size:13px}.renglon .monto{white-space:nowrap;font-weight:800}.etiqueta{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.etiqueta.cobrada{background:var(--verde-luz);color:var(--verde)}.etiqueta.cancelada{background:var(--rojo-luz);color:var(--rojo)}.total{color:#fff;border-radius:var(--radio);background:linear-gradient(150deg,#0f172a,#1e3a5f);justify-content:space-between;align-items:center;margin-top:16px;padding:18px;display:flex}.total .cifra{letter-spacing:-1.2px;font-size:32px;font-weight:800}.cuadros{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.cuadro{border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;padding:16px}.cuadro .rotulo{color:var(--gris);text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:800}.cuadro .valor{letter-spacing:-.7px;margin-top:5px;font-size:24px;font-weight:800}.metodos{gap:8px;margin-top:8px;display:flex}.metodos button{border:1.5px solid var(--linea);text-transform:capitalize;color:var(--acero);background:#fff;border-radius:14px;flex:1;padding:15px 6px;font-weight:700}.metodos button.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.acceso{max-width:420px;margin:0 auto;padding:44px 20px 60px}.acceso .logo{text-align:center;margin-bottom:26px}.acceso .logo b{letter-spacing:-1.4px;font-size:34px;font-weight:800}.acceso .logo b i{color:var(--azul);font-style:normal}.acceso .logo p{color:var(--gris);margin:6px 0 0;font-size:14.5px}.pin{letter-spacing:12px;text-align:center;font-size:22px;font-weight:800}.pie{text-align:center;color:var(--gris);padding:26px 16px 44px;font-size:12.5px}.perfiles{gap:10px;margin-top:6px;display:grid}.perfil{text-align:left;border:1.5px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;align-items:center;gap:14px;padding:16px;transition:transform .14s,border-color .14s;display:flex}.perfil:hover{border-color:var(--azul);transform:translateY(-2px)}.perfil.destacado{border-color:var(--azul);background:var(--azul-luz)}.perfil .cara{background:var(--azul);color:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.perfil.destacado .cara{background:var(--azul)}.perfil .cara.gris{background:var(--acero)}.perfil .cara.celeste{background:var(--celeste)}.perfil b{font-size:16px;display:block}.perfil span{color:var(--gris);margin-top:2px;font-size:13px;line-height:1.35;display:block}.cinta-demo{background:var(--tinta);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;font-size:13px;display:flex}.cinta-demo a{background:var(--celeste);color:#06283d;white-space:nowrap;border-radius:999px;padding:8px 15px;font-weight:800;text-decoration:none}.guia{max-width:1180px;margin:14px auto 0;padding:0 16px}.guia .caja{border:1.5px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.guia .paso{color:var(--gris);align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:flex}.guia .paso .n{background:var(--linea);width:24px;height:24px;color:var(--gris);border-radius:50%;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.guia .paso.activo{color:var(--azul)}.guia .paso.activo .n{background:var(--azul);color:#fff;box-shadow:0 0 0 4px var(--azul-luz)}.guia .paso.hecho{color:var(--verde)}.guia .paso.hecho .n{background:var(--verde);color:#fff}.guia .flecha{color:var(--linea);font-weight:800}.categorias{gap:7px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.categorias button{border:1px solid var(--linea);color:var(--gris);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:700}.categorias button.activo{background:var(--tinta);color:#fff;border-color:var(--tinta)}.platillos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;display:grid}.platillos button{border:1.5px solid var(--linea);text-align:left;background:#fff;border-radius:14px;flex-direction:column;gap:5px;padding:15px 12px;transition:transform .1s,border-color .12s,background .12s;display:flex;position:relative}.platillos button b{font-size:14.5px;font-weight:700;line-height:1.25}.platillos button span{color:var(--azul);font-size:15px;font-weight:800}.platillos button:hover{border-color:var(--azul)}.platillos button:active{background:var(--azul-luz);transform:scale(.97)}.platillos button .cuantos{background:var(--azul);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12.5px;font-weight:800;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 3px 8px #1668d666}.contador{align-items:center;gap:6px;display:flex}.contador button{border:1.5px solid var(--linea);width:34px;height:34px;color:var(--acero);background:#fff;border-radius:10px;font-size:18px;font-weight:800;line-height:1}.contador button:active{background:var(--azul-luz);border-color:var(--azul)}.contador .n{text-align:center;min-width:28px;font-weight:800}.cobrar-fijo{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--linea);background:#fffffff5;padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a14}.cobrar-fijo .dentro{align-items:center;gap:12px;max-width:1180px;margin:0 auto;display:flex}.cobrar-fijo .cuanto{flex:1;min-width:0}.cobrar-fijo .cuanto .rot{color:var(--gris);text-transform:uppercase;font-size:11.5px;font-weight:800}.cobrar-fijo .cuanto .cifra{letter-spacing:-1px;font-size:26px;font-weight:800;line-height:1.1}.cobrar-fijo .boton{flex:none;width:auto;margin:0;padding:15px 26px}.semaforo{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.pos{grid-template-columns:1.55fr 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.cats{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:9px;margin-bottom:12px;display:grid}.cat{color:#fff;text-align:left;border-radius:14px;padding:14px;font-size:15px;font-weight:800;line-height:1.2;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 12px #0f172a1a}.cat small{opacity:.85;margin-top:4px;font-size:12px;font-weight:600;display:block}.cat:active{transform:scale(.97)}.cat.apagada{opacity:.42}.tiles{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:9px;display:grid}.tile{color:#fff;text-align:left;border-radius:14px;flex-direction:column;justify-content:space-between;gap:8px;min-height:94px;padding:14px;transition:transform .1s,box-shadow .12s;display:flex;position:relative;box-shadow:0 4px 12px #0f172a1a}.tile b{font-size:14.5px;font-weight:700;line-height:1.2}.tile span{font-size:17px;font-weight:800}.tile:active{transform:scale(.96)}.tile .cuantos{color:var(--tinta);border:2px solid var(--azul);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 7px;font-size:13px;font-weight:800;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 3px 10px #0f172a47}.cuenta{border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;padding:18px;position:sticky;top:16px}.cuenta .titulo{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.cuenta .titulo h2{margin:0;font-size:18px;font-weight:800}.cuenta .titulo span{color:var(--gris);font-size:13px;font-weight:700}.cuenta .suma{border-top:1px solid var(--linea);margin-top:12px;padding-top:12px}.cuenta .suma .r{color:var(--gris);justify-content:space-between;padding:4px 0;font-size:14.5px;display:flex}.cuenta .suma .r.grande{color:var(--tinta);letter-spacing:-.6px;padding-top:8px;font-size:22px;font-weight:800}.cuenta .boton{font-size:17px}@media (width>=901px){.cobrar-fijo{display:none}}@media (width<=900px){.pos{grid-template-columns:1fr}.cuenta{position:static}}.colores{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.colores button{border:3px solid #0000;border-radius:12px;width:40px;height:40px;box-shadow:0 2px 6px #0f172a24}.colores button.elegido{border-color:var(--tinta)}.salon{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.mesa{text-align:left;border:2px solid var(--linea);min-height:96px;color:var(--tinta);box-shadow:var(--sombra);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;padding:14px 12px;transition:transform .1s,box-shadow .12s;display:flex}.mesa:active{transform:scale(.97)}.mesa b{font-size:16px;font-weight:800}.mesa .est{color:var(--gris);font-size:12px;font-weight:600;line-height:1.25}.mesa .importe{letter-spacing:-.5px;font-size:19px;font-weight:800}.mesa.libre{background:var(--verde-luz);border-color:#b6ecd6}.mesa.libre b,.mesa.libre .est{color:var(--verde)}.mesa.ocupada{border-color:var(--azul);background:var(--azul-luz)}.mesa.ocupada .importe,.mesa.ocupada .est{color:var(--azul-osc)}.mesa.cuenta{background:#fffbeb;border-color:#f59e0b}.mesa.cuenta .importe,.mesa.cuenta .est,.mesa.cuenta b{color:#b45309}.encabezado-mesa{border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;display:flex}.encabezado-mesa b{font-size:18px;font-weight:800;display:block}.encabezado-mesa span{color:var(--gris);font-size:13px;display:block}