html,body,#root{height:100%;margin:0}:root{--fondo:#10151a;--panel:#171e25;--panel-alto:#1e272f;--linea:#2a353f;--texto:#e8eef2;--texto-2:#9aa9b4;--acento:#0a6c5a;--acento-claro:#4cc3a6;--peligro:#e8737b;--radio:10px}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}.tpv{grid-template:"cabecera cabecera cabecera""familias catalogo ticket"1fr"pie pie pie"/11rem 1fr 24rem;height:100dvh;display:grid;overflow:hidden}.cabecera-venta{background:var(--panel);border-bottom:1px solid var(--linea);grid-area:cabecera;align-items:center;gap:.8rem;min-height:3.6rem;padding:.5rem 1.2rem;display:flex}.cabecera-venta-logo{object-fit:contain;max-width:8rem;max-height:2.4rem}.cabecera-venta-nombre{font-size:1.4rem;font-weight:700}.cabecera-venta-reloj{font-variant-numeric:tabular-nums;color:var(--texto-2);margin-left:auto;font-size:1.5rem;font-weight:700}.pie-venta{background:var(--panel);border-top:1px solid var(--linea);grid-area:pie;align-items:center;gap:.6rem;min-height:3.2rem;padding:.4rem .8rem;display:flex;overflow-x:auto}.pie-boton{border:1px solid var(--linea);color:var(--texto-2);border-radius:var(--radio);white-space:nowrap;background:0 0;flex-shrink:0;padding:.55rem .9rem;font-size:.9rem;font-weight:500;position:relative}.pie-boton:hover{background:var(--panel-alto);color:var(--texto)}.pie-boton-contador{background:var(--acento);color:#fff;border-radius:999px;place-items:center;min-width:1.2rem;height:1.2rem;margin-left:.4rem;padding:0 .3rem;font-size:.68rem;font-weight:700;display:inline-grid}.familias{background:var(--panel);border-right:1px solid var(--linea);flex-direction:column;grid-area:familias;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.familia{color:var(--texto-2);text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;min-height:3.5rem;padding:1rem .85rem;font-size:.98rem;font-weight:500}.familia:hover{background:var(--panel-alto)}.marca-software{color:var(--texto-2);text-align:center;margin:0;padding:.6rem .85rem;font-size:.7rem}.familia.activa{background:var(--panel-alto);border-left-color:var(--familia-color);color:var(--texto)}.familia:focus-visible,.articulo:focus-visible,button:focus-visible{outline:2px solid var(--acento-claro);outline-offset:2px}.catalogo{grid-area:catalogo;padding:1rem;overflow-y:auto}.catalogo-barra{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.subfamilias{flex-wrap:wrap;gap:.5rem;display:flex}.subfamilia{background:var(--panel);border:1px solid var(--linea);color:var(--texto-2);border-radius:var(--radio);border-bottom:3px solid #0000;padding:.55rem .9rem;font-size:.9rem;font-weight:500}.subfamilia:hover{background:var(--panel-alto)}.subfamilia.activa{background:var(--panel-alto);border-bottom-color:var(--familia-color);color:var(--texto)}.rejilla{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;display:grid}.articulo{background:var(--panel);border:1px solid var(--linea);border-top:3px solid var(--familia-color);border-radius:var(--radio);color:var(--texto);text-align:center;flex-direction:column;align-items:center;gap:.3rem;min-height:8.5rem;padding:.85rem .6rem;transition:transform 60ms,background .12s;display:flex}.articulo:hover{background:var(--panel-alto)}.articulo:active{transform:scale(.97)}.articulo .icono{font-size:2rem;line-height:1.1}.articulo .icono img{object-fit:cover;border-radius:6px;width:3rem;height:3rem}.articulo .nombre{flex:1;align-items:center;font-size:.9rem;font-weight:500;line-height:1.25;display:flex}.articulo .precio{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.articulo .iva{color:var(--texto-2);letter-spacing:.04em;font-size:.68rem}.catalogo[data-tamano=pequeno] .rejilla{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem}.catalogo[data-tamano=pequeno] .articulo{gap:.15rem;min-height:5.8rem;padding:.5rem .4rem}.catalogo[data-tamano=pequeno] .articulo .icono{font-size:1.3rem}.catalogo[data-tamano=pequeno] .articulo .icono img{width:2rem;height:2rem}.catalogo[data-tamano=pequeno] .articulo .nombre{font-size:.76rem}.catalogo[data-tamano=pequeno] .articulo .precio{font-size:.86rem}.catalogo[data-tamano=grande] .rejilla{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.catalogo[data-tamano=grande] .articulo{min-height:11rem;padding:1.1rem .8rem}.catalogo[data-tamano=grande] .articulo .icono{font-size:2.6rem}.catalogo[data-tamano=grande] .articulo .icono img{width:4rem;height:4rem}.catalogo[data-tamano=grande] .articulo .nombre{font-size:1.05rem}.catalogo[data-tamano=grande] .articulo .precio{font-size:1.2rem}.control-tamano{align-items:center;gap:.4rem;margin-left:auto;display:flex}.control-tamano button{background:var(--panel);border:1px solid var(--linea);color:var(--texto-2);border-radius:var(--radio);width:2.2rem;height:2.2rem;font-weight:700}.control-tamano button:hover{background:var(--panel-alto)}.control-tamano button:disabled{opacity:.4;cursor:not-allowed}.ticket{background:var(--panel);border-left:1px solid var(--linea);flex-direction:column;grid-area:ticket;min-height:0;display:flex}.ticket-cabecera{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:baseline;padding:1rem 1rem .6rem;display:flex}.ticket-cabecera h1{margin:0;font-size:1.05rem;font-weight:600}.enlace{color:var(--texto-2);background:0 0;border:0;padding:0;font-size:.84rem;text-decoration:underline}.enlace:hover{color:var(--peligro)}.agente{letter-spacing:.02em;border:1px solid var(--linea);color:var(--texto-2);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.72rem}.agente.conectado{color:var(--acento-claro);border-color:var(--acento)}.agente.ausente{color:var(--peligro);border-color:var(--peligro)}.aviso{color:var(--texto);background:color-mix(in srgb, var(--peligro) 18%, var(--panel));border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.6rem 1rem;font-size:.84rem;line-height:1.35;display:flex}.lineas{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.vacio{color:var(--texto-2);text-align:center;margin:0;padding:2.5rem 1rem;font-size:.9rem}.linea{border-bottom:1px solid var(--linea);grid-template-columns:1fr auto 4rem;align-items:center;gap:.5rem;padding:.55rem .5rem;display:grid}.linea-datos{flex-direction:column;gap:.1rem;min-width:0;display:flex}.linea-nombre{font-size:.92rem;font-weight:500}.linea-detalle{color:var(--texto-2);font-variant-numeric:tabular-nums;font-size:.74rem}.linea-controles{gap:.25rem;display:flex}.linea-controles button{background:var(--panel-alto);border:1px solid var(--linea);width:2rem;height:2rem;color:var(--texto);border-radius:6px;font-size:1.1rem;line-height:1}.linea-controles button:hover{background:var(--linea)}.linea-importe{text-align:right;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.desglose{border-top:1px solid var(--linea);color:var(--texto-2);padding:.5rem 1rem;font-size:.76rem}.desglose-fila{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto 1fr;gap:.4rem;padding:.12rem 0;display:grid}.desglose-fila span:nth-child(2n){text-align:right}.totales{border-top:1px solid var(--linea);background:var(--panel-alto);padding:.75rem 1rem 1rem}.total-fila{color:var(--texto-2);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.15rem 0;font-size:.86rem;display:flex}.total-fila.total{color:var(--texto);border-top:1px solid var(--linea);margin-top:.35rem;padding-top:.5rem;font-size:1.5rem;font-weight:700}.cobrar{background:var(--acento);color:#fff;border-radius:var(--radio);font-variant-numeric:tabular-nums;border:0;width:100%;margin-top:.85rem;padding:1.15rem;font-size:1.05rem;font-weight:600}.cobrar:hover:not(:disabled){background:#0c8a72}.cobrar:disabled{background:var(--linea);color:var(--texto-2);cursor:not-allowed}.login-fondo{background:var(--fondo);place-items:center;min-height:100vh;padding:1rem;display:grid}.login{background:var(--panel);border:1px solid var(--linea);border-radius:14px;flex-direction:column;gap:.6rem;width:min(22rem,100%);padding:2rem;display:flex}.login h1{color:var(--texto);text-align:center;margin:0 0 .5rem}.login label{color:var(--texto-2);font-size:.82rem}.login input{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);padding:.8rem;font-size:1rem}.login button{border-radius:var(--radio);border:1px solid var(--acento);margin-top:.6rem;padding:.9rem;font-weight:600}.modal-fondo{z-index:10;background:#060a0dc7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--linea);border-radius:14px;flex-direction:column;gap:1rem;width:min(28rem,100%);max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto}.modal-ancho{width:min(40rem,100%)}.modal h2{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem}.ticket-preview{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio);font-variant-numeric:tabular-nums;flex-direction:column;gap:.3rem;max-height:22rem;padding:1rem;display:flex;overflow-y:auto}.ticket-preview-cabecera{text-align:center;flex-direction:column;gap:.1rem;display:flex}.ticket-preview-linea{justify-content:space-between;gap:.6rem;font-size:.9rem;display:flex}.ticket-preview-linea.total{font-size:1.05rem;font-weight:700}.ticket-preview-pie{text-align:center;color:var(--texto-2);margin:.4rem 0 0;font-size:.78rem}.medio{background:var(--panel-alto);border:1px solid var(--linea);border-radius:var(--radio);width:100%;color:var(--texto);padding:1rem;font-size:1rem}.medio:hover{border-color:var(--acento-claro)}.efectivo{flex-direction:column;gap:.5rem;display:flex}.efectivo label{color:var(--texto-2);font-size:.82rem}.sugerencias{flex-wrap:wrap;gap:.4rem;display:flex}.sugerencias button{background:var(--panel-alto);border:1px solid var(--linea);color:var(--texto);font-variant-numeric:tabular-nums;border-radius:6px;flex:4rem;padding:.6rem}.sugerencias button:hover{border-color:var(--acento-claro)}.efectivo input{text-align:right;background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);font-variant-numeric:tabular-nums;padding:.8rem;font-size:1.25rem}.cambio{color:var(--acento-claro);font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem;font-weight:600}.cambio.insuficiente{color:var(--peligro)}.modal-acciones{gap:.6rem;display:flex}.modal-acciones button{border-radius:var(--radio);border:1px solid var(--linea);flex:1;padding:.9rem;font-weight:600}.secundario{color:var(--texto-2);background:0 0}.primario{background:var(--acento);color:#fff;border-color:var(--acento)}.primario:disabled{background:var(--linea);color:var(--texto-2);cursor:not-allowed}button.peligro{color:var(--peligro);border-color:var(--peligro);background:0 0}button.peligro:disabled{color:var(--texto-2);border-color:var(--linea);cursor:not-allowed}.etiqueta-anulada{color:var(--peligro)}.nota{color:var(--texto-2);text-align:center;margin:0;font-size:.76rem}@media (width<=60rem){.tpv{grid-template:"cabecera""familias""catalogo"1fr"ticket""pie"/1fr}.familias{border-right:0;border-bottom:1px solid var(--linea);flex-direction:row;overflow-x:auto}.familia{text-align:center;border-bottom:3px solid #0000;border-left:0;min-width:7rem}.familia.activa{border-left:0;border-bottom-color:var(--familia-color)}.ticket{border-left:0;border-top:1px solid var(--linea);max-height:55dvh}}.config-abrir{border-top:1px solid var(--linea);color:var(--texto-2);border-left:3px solid #0000;margin-top:auto}.config{grid-template-columns:15rem 1fr;height:100dvh;display:grid;overflow:hidden}.config-nav{background:var(--panel);border-right:1px solid var(--linea);flex-direction:column;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.config-volver{border-bottom:1px solid var(--linea);color:var(--texto);border-radius:0;margin-bottom:.5rem;padding:1rem .85rem;font-weight:600;text-decoration:none}.config-seccion{color:var(--texto-2);text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;flex-direction:column;gap:.2rem;padding:.9rem .85rem;font-size:.95rem;display:flex}.config-seccion:hover:not(:disabled){background:var(--panel-alto)}.config-seccion.activa{background:var(--panel-alto);border-left-color:var(--acento-claro);color:var(--texto)}.config-seccion:disabled{cursor:not-allowed;opacity:.55}.proximamente{letter-spacing:.04em;text-transform:uppercase;color:var(--texto-2);font-size:.68rem}.config-panel{padding:clamp(1.25rem,3vw,2.5rem);overflow-y:auto}.ajustes{flex-direction:column;gap:1.1rem;max-width:32rem;display:flex}.ajustes h2{margin:0;font-size:1.4rem}.ajustes-sub{color:var(--texto-2);margin:-.6rem 0 0;font-size:.9rem}.campo{flex-direction:column;gap:.4rem;display:flex}.campo label{color:var(--texto);font-size:.85rem;font-weight:600}.campo input,.campo select{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);padding:.8rem .9rem;font-size:1rem}.campo select:disabled{opacity:.6}.ayuda{color:var(--texto-2);margin:0;font-size:.78rem}.ayuda code{background:var(--panel-alto);border-radius:4px;padding:.1rem .3rem;font-size:.9em}.prueba-conexion{border-radius:var(--radio);border:1px solid var(--linea);background:var(--panel);color:var(--texto-2);padding:.8rem 1rem;font-size:.88rem}.prueba-conexion.ok{color:var(--acento-claro);border-color:var(--acento)}.prueba-conexion.error{color:var(--peligro);border-color:var(--peligro)}.ajustes-acciones{flex-wrap:wrap;gap:.6rem;display:flex}.ajustes-acciones button{border-radius:var(--radio);border:1px solid var(--linea);padding:.8rem 1.1rem;font-weight:600}.ajustes-acciones .primario{flex:8rem}@media (width<=50rem){.config{grid-template-rows:auto 1fr;grid-template-columns:1fr}.config-nav{border-right:0;border-bottom:1px solid var(--linea);flex-direction:row;overflow-x:auto}.config-volver{border-bottom:0;margin-bottom:0}}.ajustes-ancho{max-width:46rem}.ajustes-seccion{background:var(--panel);border:1px solid var(--linea);border-radius:12px;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:flex}.ajustes-seccion h3{margin:0;font-size:1.05rem}.campo-fila{flex-wrap:wrap;gap:.8rem;display:flex}.campo-fila .campo{flex:9rem}.campo-color,.campo-orden{flex:0 0 5rem!important}.campo textarea{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);resize:vertical;padding:.8rem .9rem;font-family:inherit;font-size:.95rem}.campo input[type=color]{height:2.7rem;padding:.3rem}.campo-check{color:var(--texto);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.campo-check input{width:1.1rem;height:1.1rem}.separador{border:0;border-top:1px solid var(--linea);margin:.2rem 0}.estado-token{font-weight:600}.estado-token.si{color:var(--acento-claro)}.estado-token.no{color:var(--peligro)}.etiqueta{letter-spacing:.04em;text-transform:uppercase;color:var(--texto-2);background:var(--panel-alto);border-radius:999px;padding:.1rem .5rem;font-size:.68rem}.lista-impresoras,.lista-familias,.lista-articulos{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lista-impresoras li,.lista-familias li,.lista-articulos li{background:var(--panel-alto);border-radius:8px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.impresora-datos,.articulo-datos{flex-direction:column;gap:.15rem;min-width:0;display:flex}.impresora-acciones{flex-shrink:0;gap:.8rem;display:flex}.impresora-acciones .peligro{color:var(--peligro)}.articulo-miniatura{object-fit:cover;border-radius:6px;flex-shrink:0;width:2.4rem;height:2.4rem}.articulo-imagen{align-items:center;gap:.8rem;display:flex}.articulo-imagen-preview{object-fit:cover;border:1px solid var(--linea);border-radius:8px;width:4rem;height:4rem}.impresora-form{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio);flex-direction:column;gap:.9rem;padding:1rem;display:flex}.familia-color{border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.familia-nombre{flex:1;font-weight:500}.grupo-articulos{border:1px solid var(--linea);border-radius:var(--radio);margin-bottom:.6rem;overflow:hidden}.grupo-articulos-cabecera{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.8rem 1rem;display:flex}.grupo-articulos-cabecera:hover{background:var(--linea)}.grupo-articulos-flecha{color:var(--texto-2);text-align:center;flex-shrink:0;width:1rem}.grupo-articulos-contenido{border-top:1px solid var(--linea);padding:.8rem 1rem 1rem}.grupo-familia-acciones{margin:0 0 .8rem}.grupo-anadir-acciones{margin-top:.8rem}.grupo-articulos--anidado{border-color:var(--panel-alto);margin:.6rem 0 0 1.4rem}.acerca-detalle{border:1px solid var(--linea);border-radius:var(--radio);margin-bottom:.6rem;padding:.7rem .9rem}.acerca-detalle summary{cursor:pointer;font-weight:500}.acerca-detalle[open] summary{margin-bottom:.6rem}.acerca-legal{white-space:pre-line}.historial-versiones{flex-direction:column;gap:.9rem;display:flex}.historial-version-cabecera{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.historial-version-cambios{margin:.3rem 0 0;padding-left:1.1rem}.historial-version-cambios li{color:var(--texto-2);margin-bottom:.2rem;font-size:.84rem}.tpv-cargando{background:var(--fondo);height:100dvh;color:var(--texto-2);place-items:center;display:grid}.aviso-catalogo{border-radius:var(--radio);justify-content:center;margin-bottom:1rem}