:root{--fondo: #f7f7f8;--superficie: #ffffff;--superficie-2: #f1f1f3;--campo: #ffffff;--texto: #18181b;--suave: #6b6b76;--borde: #e6e6ea;--borde-fuerte: #d3d3da;--tinta: #18181b;--tinta-texto: #ffffff;--marca: #e2231a;--foco: #2563eb;--ok: #157f3b;--ok-fondo: #ecfdf3;--ok-borde: #a6e9c0;--error: #b42318;--error-fondo: #fef3f2;--error-borde: #fbc5c0;--alerta: #a15c07;--alerta-fondo: #fffaeb;--alerta-borde: #f7d78c;--sombra: 0 1px 2px rgba(16, 16, 20, .05), 0 0 0 1px rgba(16, 16, 20, .02);--sombra-alta: 0 8px 28px rgba(16, 16, 20, .1);--barra: rgba(247, 247, 248, .78);--flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--radio: 14px;--radio-campo: 10px;--ease-out: cubic-bezier(.23, 1, .32, 1);color-scheme:light}:root[data-tema=oscuro]{--fondo: #0b0b0d;--superficie: #151518;--superficie-2: #1f1f24;--campo: #1a1a1e;--texto: #f4f4f5;--suave: #a0a0ab;--borde: #26262b;--borde-fuerte: #34343b;--tinta: #f4f4f5;--tinta-texto: #18181b;--marca: #ff5247;--foco: #7aa7ff;--ok: #4ade80;--ok-fondo: rgba(34, 197, 94, .12);--ok-borde: rgba(34, 197, 94, .35);--error: #ff8a80;--error-fondo: rgba(239, 68, 68, .13);--error-borde: rgba(239, 68, 68, .4);--alerta: #fbbf24;--alerta-fondo: rgba(245, 158, 11, .12);--alerta-borde: rgba(245, 158, 11, .38);--sombra: 0 0 0 1px rgba(255, 255, 255, .02);--sombra-alta: 0 12px 32px rgba(0, 0, 0, .5);--barra: rgba(11, 11, 13, .72);--flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font:100%/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}h1{font-size:1.5rem;line-height:1.2;font-weight:650;letter-spacing:-.02em;margin:4px 0 16px}h2{font-size:1.05rem;line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}h3{font-size:.72rem;font-weight:600;margin:18px 0 8px;color:var(--suave);text-transform:uppercase;letter-spacing:.07em}p{margin:0 0 10px}strong{font-weight:600}.suave{color:var(--suave);font-size:.9rem}.icono-svg{flex:none;display:block}.barra{display:flex;align-items:center;gap:10px;padding:10px max(14px,env(safe-area-inset-left));min-height:56px;position:sticky;top:0;z-index:10;background:var(--barra);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%)}.marca{display:inline-flex;align-items:center;gap:8px;color:var(--texto);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;text-decoration:none}.marca i{width:10px;height:10px;border-radius:50%;background:var(--marca)}.marca.grande{font-size:1.25rem;justify-content:center}.barra .quien{margin-left:auto;font-size:.88rem;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra .estacion-fija{font-size:.88rem;font-weight:500;padding:5px 12px;border-radius:999px;background:var(--superficie-2);white-space:nowrap}.selector-estacion{width:auto;min-height:34px;padding:4px 32px 4px 12px;border-radius:999px;font-size:.88rem;font-weight:500;background-color:var(--superficie-2);border-color:transparent}.menu{display:flex;gap:2px;overflow-x:auto;padding:0 8px;scrollbar-width:none;position:sticky;top:56px;z-index:9;background:var(--barra);border-bottom:1px solid var(--borde);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%)}.menu::-webkit-scrollbar{display:none}.menu a{padding:11px 10px;white-space:nowrap;color:var(--suave);text-decoration:none;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;transition:color .15s ease}.menu a.active{color:var(--texto);border-bottom-color:var(--texto)}.contenido{max-width:1080px;margin:0 auto;padding:20px 14px 72px}.centro{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:14px;box-shadow:var(--sombra)}.tarjeta.angosta{width:100%;max-width:372px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;text-align:center;box-shadow:var(--sombra-alta)}.tarjeta.angosta h1{margin:0;font-size:1.3rem}.tarjeta.angosta p{margin:0}.tarjeta.angosta label{text-align:left}label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:500;color:var(--suave)}input,select,textarea{font:inherit;font-size:1rem;font-weight:400;color:var(--texto);width:100%;min-height:46px;padding:8px 12px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-campo);background-color:var(--campo);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:var(--flecha);background-repeat:no-repeat;background-position:right 10px center}textarea{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem;line-height:1.5;margin-top:10px;min-height:140px}input::placeholder,textarea::placeholder{color:var(--suave);opacity:.7}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.pestanas button:focus-visible,.teclado button:focus-visible,a:focus-visible,summary:focus-visible{outline:none;border-color:var(--foco);box-shadow:0 0 0 3px color-mix(in srgb,var(--foco) 28%,transparent)}input[type=checkbox]{width:22px;min-height:22px;height:22px;padding:0;accent-color:var(--tinta)}input[type=file]{border:0;padding:0;min-height:0;background:none;font-size:.9rem;color:var(--suave)}input[type=file]::file-selector-button{font:inherit;font-weight:500;margin-right:12px;padding:8px 14px;border-radius:var(--radio-campo);border:1px solid var(--borde-fuerte);background:var(--superficie);color:var(--texto);cursor:pointer}.casilla{flex-direction:row;align-items:center;gap:10px;color:var(--texto);font-size:.95rem;font-weight:400;margin:12px 0}.fila-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.fila-campos .ancho{grid-column:span 2}.campo-alerta{border-color:var(--alerta-borde);background-color:var(--alerta-fondo)}.texto-alerta{color:var(--alerta);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:550;font-size:.95rem;min-height:46px;padding:8px 18px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-campo);background:var(--superficie);color:var(--texto);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s var(--ease-out),background-color .15s ease,border-color .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn.primario{background:var(--tinta);border-color:var(--tinta);color:var(--tinta-texto)}.btn.grande{min-height:52px;font-size:1rem}.btn.chico{min-height:34px;padding:4px 12px;font-size:.84rem;font-weight:500;border-radius:9px}.btn.icono{width:36px;min-height:36px;padding:0;border-radius:50%;border-color:transparent;background:transparent;color:var(--suave)}.btn.enlace{border:0;background:none;color:var(--suave);min-height:36px;font-weight:400;text-decoration:underline;text-underline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed}.tema-flotante{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;z-index:20}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled){background:var(--superficie-2)}.btn.primario:hover:not(:disabled){background:var(--tinta);opacity:.88}.btn.icono:hover:not(:disabled){background:var(--superficie-2);color:var(--texto)}.btn.enlace:hover:not(:disabled){background:none;color:var(--texto)}.menu a:hover{color:var(--texto)}.mosaico-item:hover{border-color:var(--borde-fuerte)}.mosaico-item:hover .mosaico-icono{background:var(--tinta);color:var(--tinta-texto)}tbody tr:hover td{background:color-mix(in srgb,var(--superficie-2) 60%,transparent)}}.acciones{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}summary .btn{margin-left:10px}.barra-acciones{align-items:center;margin:0 0 14px}.barra-acciones .casilla{margin:0 auto 0 0}.aviso{padding:11px 14px;border-radius:var(--radio-campo);margin-bottom:14px;font-size:.92rem;border:1px solid transparent;transition:opacity .2s ease,transform .2s var(--ease-out)}@starting-style{.aviso{opacity:0;transform:translateY(4px)}}.aviso.error{background:var(--error-fondo);color:var(--error);border-color:var(--error-borde)}.aviso.ok{background:var(--ok-fondo);color:var(--ok);border-color:var(--ok-borde)}.aviso.alerta{background:var(--alerta-fondo);color:var(--alerta);border-color:var(--alerta-borde)}.aviso input{margin-top:10px}.aviso label{color:inherit}.aviso .fila-campos{margin-top:10px}.aviso ul{margin:6px 0 0;padding-left:20px}.tarjeta .aviso:last-child,.tarjeta.angosta .aviso{margin-bottom:0}.etiqueta{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.76rem;font-weight:500;white-space:nowrap}.etiqueta.alerta{background:var(--alerta-fondo);color:var(--alerta);border:1px solid var(--alerta-borde)}.pestanas{display:inline-flex;gap:2px;padding:3px;margin-bottom:14px;max-width:100%;overflow-x:auto;scrollbar-width:none;background:var(--superficie-2);border-radius:12px}.pestanas::-webkit-scrollbar{display:none}.pestanas button{font:inherit;font-size:.88rem;font-weight:500;min-height:38px;padding:6px 14px;border:0;border-radius:9px;white-space:nowrap;background:transparent;color:var(--suave);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .14s var(--ease-out)}.pestanas button:active{transform:scale(.97)}.pestanas button.activa{background:var(--superficie);color:var(--texto);box-shadow:0 1px 2px #0000001f}.fila-campos .pestanas{margin-bottom:0;justify-self:start}.mosaico{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.mosaico .tarjeta{margin-bottom:0}.mosaico-item{display:flex;flex-direction:column;gap:2px;min-height:132px;text-decoration:none;color:var(--texto);transition:transform .14s var(--ease-out),border-color .15s ease}.mosaico-item:active{transform:scale(.98)}.mosaico-item strong{font-size:1rem;letter-spacing:-.01em}.mosaico-icono{display:grid;place-items:center;width:40px;height:40px;margin-bottom:auto;border-radius:11px;background:var(--superficie-2);color:var(--texto);transition:background-color .15s ease,color .15s ease}.producto{display:inline-flex;align-items:center;gap:7px;color:var(--texto);font-weight:500}.producto i{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--texto) 28%,transparent)}.encabezado-dispensador{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.encabezado-dispensador h2{margin:0}.encabezado-dispensador select{flex:1;min-width:200px}.rejilla-lecturas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.manguera input{font-size:1.2rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;min-height:52px;letter-spacing:-.01em}.manguera small{font-size:.72rem;font-weight:400;min-height:1.1em;font-variant-numeric:tabular-nums}.manguera.ok input,.manguera.inicial input{border-color:var(--ok)}.manguera.descuadre input,.manguera.menor input,.manguera.sinprecio input{border-color:var(--error-borde);background-color:var(--error-fondo)}.manguera.justificada input{border-color:var(--alerta-borde);background-color:var(--alerta-fondo)}.total-dispensador{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--borde);text-align:right;font-variant-numeric:tabular-nums}details{margin-top:12px}summary{cursor:pointer;padding:8px 0;color:var(--suave);font-size:.9rem;border-radius:8px}.campo-pulgadas{display:flex;align-items:center;gap:8px;color:var(--suave)}.campo-pulgadas input{font-size:1.2rem;font-weight:500;text-align:right;flex:2}.campo-pulgadas select{flex:1.4;font-size:1.05rem}.conversion{min-height:1.5em;margin:6px 0 12px;font-variant-numeric:tabular-nums}.pin-asignar{display:flex;gap:6px;align-items:center}.pin-asignar input{min-height:36px;width:132px;font-size:.92rem}.pin-puntos{display:flex;justify-content:center;gap:14px;margin:8px 0 4px}.pin-puntos span{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--borde-fuerte);transition:background-color .12s ease,border-color .12s ease,transform .16s var(--ease-out)}.pin-puntos span.lleno{background:var(--texto);border-color:var(--texto);transform:scale(1.12)}.teclado{display:grid;grid-template-columns:repeat(3,72px);gap:14px;justify-content:center;margin:4px 0}.teclado button{font:inherit;font-size:1.6rem;font-weight:400;width:72px;height:72px;border:0;border-radius:50%;background:var(--superficie-2);color:var(--texto);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .12s var(--ease-out),background-color .12s ease}.teclado button:active:not(:disabled){transform:scale(.93);background:var(--borde-fuerte)}.teclado button.ok{background:var(--tinta);color:var(--tinta-texto);font-size:1rem;font-weight:600}.teclado button:disabled{opacity:.4}.tabla-scroll{overflow-x:auto;margin:0 -4px 10px;padding:0 4px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--borde);vertical-align:middle}thead th{color:var(--suave);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding-top:6px;padding-bottom:8px}tbody tr:last-child td{border-bottom:0}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tfoot th{color:var(--texto);font-weight:600;border-top:1px solid var(--borde-fuerte);border-bottom:0;font-variant-numeric:tabular-nums}tr.anulada td{color:var(--suave);text-decoration:line-through}@media (max-width: 520px){h1{font-size:1.3rem}.tarjeta{padding:14px}.rejilla-lecturas{gap:6px}.manguera input{font-size:1rem;padding:6px 8px}.manguera>span{font-size:.74rem}.fila-campos .ancho{grid-column:span 1}.barra .quien{display:none}.barra .btn.icono{margin-left:auto}.barra .btn.chico{padding:4px 9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}.btn:active:not(:disabled),.teclado button:active:not(:disabled),.mosaico-item:active,.pestanas button:active{transform:none}}@media (prefers-reduced-transparency: reduce){.barra,.menu{background:var(--fondo);-webkit-backdrop-filter:none;backdrop-filter:none}}