:root{--tinta: #233B6E;--tinta-suave: #E6EAF3;--crema: #F7F2EA;--papel: #FFFFFF;--bronce: #A9784B;--carbon: #2E2E2E;--gris: #6B6B6B;--linea: #E4DED3;--ok: #2F7A4F;--mal: #B3412E;--aviso: #9A6400;--radio: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--carbon);background:var(--crema);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--crema);overscroll-behavior:none}h1{font-size:1.6rem;margin:0 0 .25rem;color:var(--tinta)}h2{font-size:1.1rem;margin:0 0 .75rem}a{color:var(--tinta)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--linea);border-radius:10px;background:var(--papel)}input:focus,select:focus,textarea:focus{outline:2px solid var(--tinta);outline-offset:1px}label{display:grid;gap:.3rem;font-size:.9rem;color:var(--gris);margin-bottom:.75rem}label.check{display:flex;align-items:center;gap:.5rem}label.check input{width:auto}fieldset{border:1px solid var(--linea);border-radius:var(--radio);padding:.75rem 1rem;margin:0;min-width:0}legend{padding:0 .4rem;font-weight:600;color:var(--tinta)}.suave{color:var(--gris)}.aviso{color:var(--aviso)}.ok{color:var(--ok)}.vacio{padding:1rem 0}.btn{border:1px solid var(--linea);background:var(--papel);border-radius:10px;padding:.65rem 1rem;cursor:pointer;min-height:44px}.btn:disabled{opacity:.45;cursor:default}.btn.primario{background:var(--tinta);border-color:var(--tinta);color:#fff;font-weight:600}.btn.grande{min-height:60px;font-size:1.15rem}.btn.ancho{width:100%}.btn.enlace{border:0;background:none;color:var(--tinta);text-decoration:underline}.centrado{min-height:100%;display:grid;place-items:center;padding:16px}.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:1.25rem;margin-bottom:1rem}.acceso{width:min(420px,100%);display:grid;gap:.25rem}.marca{width:44px;height:44px;border-radius:12px;background:var(--tinta);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.3rem}.marca.grande{width:64px;height:64px;font-size:2rem;margin-bottom:.5rem}.personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:1rem 0}.persona{display:grid;justify-items:center;gap:.5rem;padding:1rem;border:1px solid var(--linea);border-radius:var(--radio);background:var(--crema);cursor:pointer}.avatar{width:56px;height:56px;border-radius:50%;background:var(--tinta);color:#fff;display:grid;place-items:center;font-size:1.4rem;font-weight:700}.pin{width:min(360px,100%);text-align:center}.puntos{display:flex;justify-content:center;gap:.8rem;margin:1rem 0}.puntos span{width:16px;height:16px;border-radius:50%;border:2px solid var(--tinta)}.puntos span.lleno{background:var(--tinta)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0}.teclado button{min-height:60px;font-size:1.4rem;border:1px solid var(--linea);border-radius:12px;background:var(--papel);cursor:pointer}.app{display:flex;height:100%}.rail{width:84px;background:var(--papel);border-right:1px solid var(--linea);display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem 0}.rail .marca{margin-bottom:.5rem}.rail-btn{width:72px;display:grid;justify-items:center;gap:2px;padding:.5rem 0;border:0;border-radius:12px;background:none;font-size:1.4rem;cursor:pointer}.rail-btn small{font-size:.7rem;color:var(--gris)}.rail-btn.activo{background:var(--tinta-suave)}.rail-btn.activo small{color:var(--tinta);font-weight:600}.rail-pie{margin-top:auto;padding:0 .25rem}.estado-red{font-size:.65rem;text-align:center;color:var(--aviso)}.contenido{flex:1;min-width:0;overflow:auto}.pagina{padding:1.25rem;max-width:1100px}.cabecera{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.cabecera h1{margin-right:auto}.navega{display:flex;gap:.4rem}.fila{display:flex;gap:.75rem;align-items:end}.fila>*{flex:1}.fila.fin{justify-content:flex-end}.fila.fin>*{flex:0 0 auto}.columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.chips button,.pestanas button{border:1px solid var(--linea);background:var(--papel);border-radius:999px;padding:.45rem .9rem;cursor:pointer;min-height:40px}.chips button.activa,.pestanas button.activa{background:var(--tinta);border-color:var(--tinta);color:#fff}.venta{display:grid;grid-template-columns:1fr minmax(320px,380px);height:100%}.catalogo{overflow:auto;padding:1rem}.barra{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.pestanas{display:flex;gap:.4rem;overflow-x:auto;flex:1}.pestanas button{white-space:nowrap}.buscar{width:200px}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.tecla{aspect-ratio:1;border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel) center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:.6rem;text-align:left;cursor:pointer;position:relative;overflow:hidden}.tecla[style*=url]{color:#fff}.tecla[style*=url]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 40%,transparent 60%,rgba(0,0,0,.45))}.tecla>*{position:relative}.tecla-nombre{font-weight:600}.tecla-precio{font-size:.9rem}.tecla.agotado{opacity:.45;cursor:default}.ticket{background:var(--papel);border-left:1px solid var(--linea);display:flex;flex-direction:column;min-height:0}.ticket-cab{padding:1rem;border-bottom:1px solid var(--linea);display:grid;gap:.6rem}.atiende{border:1px solid var(--linea);background:var(--crema);border-radius:999px;padding:.5rem .9rem;text-align:left;cursor:pointer}.acciones{display:flex;gap:.4rem}.lineas{list-style:none;margin:0;padding:.5rem 1rem;overflow:auto;flex:1}.lineas li{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--linea)}.lineas li.vacio{display:block;border:0}.cant{display:flex;align-items:center;gap:.3rem}.cant button{width:32px;height:32px;border-radius:8px;border:1px solid var(--linea);background:var(--crema);cursor:pointer}.desc small{color:var(--gris)}.ticket-pie{padding:1rem;border-top:1px solid var(--linea);display:grid;gap:.5rem}.total{display:flex;justify-content:space-between;font-size:1.2rem}.ticket .ok{padding:0 1rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182873;display:grid;place-items:center;padding:16px;z-index:10}.panel{background:var(--papel);border-radius:18px;padding:1.25rem;width:min(440px,100%);max-height:92vh;overflow:auto}.ancho-panel{width:min(900px,100%)}.rejilla-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-bottom:1rem}.importe{font-size:2.2rem;font-weight:700;color:var(--tinta);margin:.25rem 0 1rem}.metodos{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.metodos.pequeños{grid-template-columns:1fr 1fr;margin-top:.5rem}.cambio{font-size:1.2rem}details{margin-bottom:.75rem}summary{cursor:pointer;color:var(--tinta)}.dia{margin-bottom:1.5rem}.dia-titulo{text-transform:capitalize}.encargos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.encargo{background:var(--papel);border:1px solid var(--linea);border-left:6px solid var(--bronce);border-radius:var(--radio);padding:.9rem}.encargo p{margin:.35rem 0}.encargo.estado-taller{border-left-color:var(--aviso)}.encargo.estado-listo{border-left-color:var(--tinta)}.encargo.estado-reparto{border-left-color:#6a5acd}.encargo.estado-entregado{border-left-color:var(--ok);opacity:.75}.enc-cab{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pago{margin-left:auto;font-size:.8rem;padding:.2rem .55rem;border-radius:999px}.pago.cobrado{background:#e3f1e8;color:var(--ok)}.pago.parcial{background:#fbf0d9;color:var(--aviso)}.pago.pendiente{background:#f7e1dc;color:var(--mal)}.tarjeta-texto{font-style:italic;color:var(--gris)}.enc-pie{display:flex;gap:.5rem;margin-top:.6rem}.enc-pie select{flex:1}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{padding:.6rem .5rem;border-bottom:1px solid var(--linea);text-align:left}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.tabla.ancha{background:var(--papel);border-radius:var(--radio)}.acciones-fila{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}.resultado.cuadra{border-color:var(--ok)}.resultado.descuadre{border-color:var(--mal)}@media (max-width: 760px){.app{flex-direction:column-reverse}.rail{width:100%;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--linea);padding:.25rem 0 calc(.25rem + env(safe-area-inset-bottom))}.rail .marca,.rail-pie{display:none}.rail-btn{width:auto;flex:1}.venta{grid-template-columns:1fr;grid-template-rows:1fr auto}.ticket{border-left:0;border-top:1px solid var(--linea);max-height:55vh}.buscar{width:100%}.pagina{padding:1rem}.fila{flex-wrap:wrap}}.check-grande{width:26px;height:26px;accent-color:var(--tinta);cursor:pointer}.producto-celda{display:inline-flex;align-items:center;gap:.6rem}.miniatura{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}.miniatura.vacia{display:grid;place-items:center;background:var(--crema)}.foto-producto{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.foto-hueco{width:120px;height:120px;flex:none;margin:0;border:2px dashed var(--linea);border-radius:var(--radio);background:var(--crema) center/cover no-repeat;display:grid;place-items:center;cursor:pointer;color:var(--tinta);font-weight:600}.foto-hueco.cargando{opacity:.6}.foto-acciones{display:grid;gap:.5rem}.campo-importe{display:grid;gap:.3rem;margin-bottom:.75rem}.campo-importe .etiqueta{font-size:.9rem;color:var(--gris)}.campo-importe .valor{text-align:left;padding:.7rem .8rem;border:1px solid var(--linea);border-radius:10px;background:var(--papel);font-size:1.1rem;min-height:48px;cursor:pointer}.campo-importe .valor.vacio{color:var(--gris);font-size:1rem}.teclado-panel{width:min(380px,100%)}.entregado .chips{margin-top:-.25rem}#zona-impresion{display:none}.ticket-previa{background:#fff;border:1px solid var(--borde, #ddd);border-radius:10px;padding:12px;max-height:50vh;overflow:auto;margin-bottom:12px;display:flex;justify-content:center}.ticket-papel{width:72mm;max-width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.35;color:#000}.tp-centro{text-align:center}.tp-nombre{font-size:15px;display:block;margin-bottom:2px}.tp-sep{border-top:1px dashed #000;margin:6px 0}.tp-fila{display:flex;justify-content:space-between;gap:8px}.tp-fila span:first-child{overflow-wrap:anywhere}.tp-fila span:last-child{white-space:nowrap}.tp-total{font-weight:700;font-size:14px}.tp-suave{color:#333;font-size:11px}.fila-pulsable{cursor:pointer}.fila-pulsable:hover td{background:#00000008}@page{size:80mm auto;margin:0}@media print{body.con-ticket>*:not(#zona-impresion){display:none!important}body.con-ticket #zona-impresion{display:block;padding:3mm 4mm}body.con-ticket{background:#fff!important}}