@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-400-normal.0471snlmja818.woff2)format("woff2"),url(../media/dm-sans-latin-400-normal.40quu04grbhf8.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-sans-latin-500-normal.0brn-8r9pdr2e.woff2)format("woff2"),url(../media/dm-sans-latin-500-normal.0jcw8phz0eanr.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/dm-sans-latin-700-normal.1a6kzvi7en7g-.woff2)format("woff2"),url(../media/dm-sans-latin-700-normal.33in7pwjke59p.woff)format("woff")}
@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-mono-latin-400-normal.3--he8xuwzehy.woff2)format("woff2"),url(../media/dm-mono-latin-400-normal.20yxb24gp-vsx.woff)format("woff")}
@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-mono-latin-500-normal.03h2ib040oua6.woff2)format("woff2"),url(../media/dm-mono-latin-500-normal.3kj_vp6qk8arx.woff)format("woff")}
:root{--navy:#2a4d70;--navy-oscuro:#1d3a56;--blanco:#fff;--azul-profundo:#15365d;--azul-institucional:#204b7a;--azul-suave:#e8f1fa;--fondo-pagina:#f4f7fb;--borde-suave:#d7e1ed;--azul-acento:#3984e8;--azul-acento-oscuro:#1c5496;--texto-secundario:#305274;--navy-tenue:#2a4d7014;--navy-borde:#6e869e;--estado-enviando-fondo:#f0eaf8;--estado-enviando:#5e35a0;--estado-enviada-fondo:#e4f3e8;--estado-enviada:#1b6e35;--estado-pendiente-fondo:#fff0cf;--estado-pendiente:#8f4f00;--estado-atencion-fondo:#fde8e6;--estado-atencion:#b3261e;--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--esp-7:48px;--radio:12px;--boton-alto:56px;--boton-alto-principal:56px;--separacion-tactil:12px;--fuente-texto:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fuente-cifras:"DM Mono", ui-monospace, monospace;--sombra-boton:0 1px 3px #2a4d7038;--sombra-tecla:0 1px 2px #15365d1f, 0 2px 5px #15365d0d;--sombra-tarjeta:0 1px 4px #2a4d7014}
*,:before,:after{box-sizing:border-box}html{font-size:18px}body{background:var(--fondo-pagina);color:var(--navy);font-family:var(--fuente-texto);-webkit-text-size-adjust:100%;margin:0;line-height:1.5}:focus-visible{outline:3px solid var(--azul-acento);outline-offset:2px}.aplicacion{flex-direction:column;min-height:100dvh;display:flex}.pagina{width:100%;max-width:480px;padding:var(--esp-3) var(--esp-4);gap:var(--esp-3);flex-direction:column;flex:1;margin:0 auto;display:flex}
.valor-cifra,.fila-destacada dd,.cuenta-regresiva strong,.legajo-recordado strong,.legajo-dato strong,.chip-codigo strong{font-family:var(--fuente-cifras)}.franja{background:var(--azul-profundo);color:var(--blanco);padding:10px var(--esp-4)}.franja-interior{align-items:center;gap:var(--esp-3);max-width:480px;margin:0 auto;display:flex}.franja-icono{width:32px;height:32px;stroke:var(--blanco);flex:none}.franja-divisor{background:var(--blanco);opacity:.6;flex:none;align-self:stretch;width:1px}.franja-texto{flex-direction:column;margin:0;line-height:1.25;display:flex}.franja-linea1{font-size:.95rem;font-weight:700}.franja-linea2{font-size:.85rem;font-weight:400}.franja-sep{display:none}.vehiculo-linea{align-items:center;gap:var(--esp-3);padding:10px var(--esp-4);background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra-tarjeta);margin:0;font-size:.95rem;display:flex}.icono-chip{width:28px;height:28px;stroke:var(--azul-institucional);flex:none}.chip-divisor{background:var(--borde-suave);flex:none;align-self:stretch;width:1px}.chip-codigo{font-weight:700}.chip-descripcion{color:var(--texto-secundario);font-weight:400}.progreso-fila{align-items:center;gap:var(--esp-3);display:flex}.pasos{flex:1;align-items:center;display:flex}.paso-circulo{border:1.5px solid var(--borde-suave);background:var(--blanco);width:26px;height:26px;font-family:var(--fuente-cifras);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:500;line-height:1;display:grid}.paso-hecho{border-color:var(--azul-acento-oscuro);background:var(--azul-acento-oscuro)}.paso-tilde{width:16px;height:16px;stroke:var(--blanco)}.paso-actual{border-color:var(--azul-acento-oscuro);background:var(--azul-acento-oscuro);color:var(--blanco)}.paso-linea{background:var(--borde-suave);flex:1;min-width:4px;height:2px}.paso-linea-hecha{background:var(--azul-acento)}.paso{color:var(--texto-secundario);flex:none;margin:0;font-size:.85rem;font-weight:400}.paso-pantalla{gap:var(--esp-3);flex-direction:column;flex:1;display:flex}.titulo{color:var(--azul-profundo);margin:0;font-size:1.75rem;font-weight:700;line-height:1.15}.titulo-centrado{text-align:center}.apoyo{color:var(--texto-secundario);margin:0;font-size:.95rem;font-weight:400}.estado-texto{text-align:center;margin:0}.cabecera-titulo{align-items:center;gap:var(--esp-3);padding:var(--esp-3) 0 var(--esp-2);display:flex}.boton-atras{width:var(--boton-alto);height:var(--boton-alto);border-radius:var(--radio);background:var(--azul-suave);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.boton-atras .icono{stroke:var(--azul-institucional)}.boton{width:100%;min-height:var(--boton-alto);padding:0 var(--esp-5);border:1.5px solid var(--navy);border-radius:var(--radio);box-shadow:var(--sombra-boton);font:inherit;cursor:pointer;font-size:1.1rem;font-weight:700}.boton-principal{min-height:var(--boton-alto-principal);border-color:var(--azul-acento-oscuro);background:var(--azul-acento-oscuro);color:var(--blanco)}.boton-secundario{border-color:var(--navy-borde);background:var(--blanco);color:var(--navy)}.boton:active:not(:disabled),.tecla:active:not(:disabled),.boton-atras:active{box-shadow:none;transform:translateY(1px)}.boton-principal:active:not(:disabled){background:var(--azul-institucional)}.boton:disabled,.boton-principal:disabled,.tecla:disabled{background:var(--navy-tenue);box-shadow:none;color:var(--navy);cursor:not-allowed;border-color:#0000}.boton:disabled .icono-boton{opacity:.5}.acciones,.barra-fija{gap:var(--separacion-tactil);padding:var(--esp-2) 0 var(--esp-1);background:var(--fondo-pagina);flex-direction:column;margin-top:auto;display:flex;position:sticky;bottom:0}a.boton{justify-content:center;align-items:center;text-decoration:none;display:flex}.boton-con-icono{justify-content:center;align-items:center;gap:var(--esp-2);padding:0 var(--esp-3);display:flex}.icono-boton{stroke:currentColor;flex:none;width:26px;height:26px}.icono-boton-navy{stroke:var(--navy)}.campo{gap:var(--esp-2);flex-direction:column;display:flex}.etiqueta{color:var(--texto-secundario);font-size:1rem;font-weight:500}.entrada{width:100%;min-height:var(--boton-alto);padding:0 var(--esp-4);border:1.5px solid var(--navy-borde);border-radius:var(--radio);background:var(--blanco);color:var(--navy);font:inherit;font-size:1.3rem}.entrada:focus-visible{border-color:var(--azul-acento-oscuro);outline:3px solid var(--azul-acento);outline-offset:2px}.campo-icono{position:relative}.campo-icono-svg{top:50%;left:var(--esp-4);width:26px;height:26px;stroke:var(--azul-institucional);pointer-events:none;position:absolute;transform:translateY(-50%)}.entrada-con-icono{padding-left:56px}.legajo-recordado{padding:var(--esp-5) var(--esp-4);background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra-tarjeta);margin:0;font-size:1.5rem}.legajo-linea{justify-content:space-between;align-items:center;gap:var(--esp-3);display:flex}.legajo-dato{flex-direction:column;margin:0;line-height:1.2;display:flex}.legajo-etiqueta{color:var(--texto-secundario);font-size:.85rem;font-weight:400}.legajo-dato strong{font-size:1.5rem;font-weight:500}.enlace{width:auto;min-height:var(--boton-alto);padding:0 var(--esp-4);border:1.5px solid var(--azul-acento);background:var(--blanco);box-shadow:var(--sombra-boton);color:var(--azul-acento-oscuro);font:inherit;cursor:pointer;border-radius:999px;font-weight:700}.enlace .icono-boton{fill:currentColor;stroke:currentColor}.opciones-rapidas{gap:var(--separacion-tactil);flex-direction:column;display:flex}.oculto{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.sin-corte{white-space:nowrap}.teclado-pin{gap:var(--esp-3);flex-direction:column;display:flex}.pin-puntos{justify-content:center;gap:var(--esp-3);min-height:var(--esp-6);display:flex}.punto{width:var(--esp-5);height:var(--esp-5);border:1.5px solid var(--navy-borde);background:var(--blanco);border-radius:50%}.punto-lleno{border-color:var(--azul-acento-oscuro);background:var(--azul-acento-oscuro)}.teclas{gap:var(--separacion-tactil);grid-template-columns:repeat(3,1fr);display:grid}.tecla{min-height:var(--boton-alto-principal);border:1px solid var(--borde-suave);border-radius:var(--radio);background:var(--blanco);box-shadow:var(--sombra-tecla);color:var(--azul-profundo);cursor:pointer;place-items:center;font-size:2rem;font-weight:700;display:grid}.tecla-borrar{background:var(--azul-suave)}.tecla-borrar .icono{stroke:var(--azul-institucional)}.teclas-compactas .tecla{min-height:var(--boton-alto)}.alerta,.aviso{gap:var(--esp-3);padding:var(--esp-3) var(--esp-4);border-left:4px solid var(--azul-acento);border-radius:var(--radio);background:var(--azul-suave);align-items:flex-start;display:flex}.alerta p,.aviso p{margin:var(--esp-2) 0 0;font-size:.9rem;font-weight:400;line-height:1.35}.aviso p{margin:0}.alerta-atencion{border-left-color:var(--estado-atencion);background:var(--estado-atencion-fondo)}.icono-estado{flex:none;width:28px;height:28px}.icono-atencion{stroke:var(--estado-atencion)}.icono-aviso{stroke:var(--navy)}.cuenta-regresiva strong{font-size:1.4rem}.tarjetas-origen{gap:var(--esp-3);flex-direction:column;flex:1;display:flex}.tarjeta-origen{justify-content:center;align-items:center;gap:var(--esp-3);min-height:140px;padding:var(--esp-4);border:1.5px solid var(--navy-borde);border-radius:var(--radio);background:var(--blanco);box-shadow:var(--sombra-boton);color:var(--navy);font:inherit;text-align:center;cursor:pointer;flex-direction:column;flex:1;display:flex}.tarjeta-origen:active{box-shadow:none;background:var(--azul-suave);transform:translateY(1px)}.tarjeta-origen .icono-grande{border-radius:var(--radio);background:var(--azul-suave);width:80px;height:80px;stroke:var(--navy);padding:14px}.tarjeta-textos{gap:var(--esp-1);flex-direction:column;display:flex}.tarjeta-textos strong{font-size:1.3rem;font-weight:700}.tarjeta-textos span{color:var(--texto-secundario);font-size:.9rem;font-weight:400}.valor-numerico{justify-content:space-between;align-items:flex-end;gap:var(--esp-3);padding:6px var(--esp-4);border:1.5px solid var(--navy-borde);border-radius:var(--radio);background:var(--blanco);display:flex}.valor-cifra{font-size:3.2rem;font-weight:500;line-height:1.15}.valor-referencia{padding-bottom:var(--esp-2);color:var(--texto-secundario);order:-1;font-size:.85rem;font-weight:400}.unidad{font-size:1.5rem}.visor{justify-content:center;align-items:center;gap:var(--esp-4);min-height:200px;padding:var(--esp-5) var(--esp-4);border:1.5px dashed var(--navy-borde);border-radius:var(--radio);background:var(--azul-suave);text-align:center;flex-direction:column;flex:1;display:flex}.visor .icono-grande{width:72px;height:72px;stroke:var(--navy)}.visor-indicacion{margin:0;font-size:1rem}.vista-previa{object-fit:contain;border:1.5px solid var(--navy-borde);border-radius:var(--radio);background:var(--azul-suave);width:100%;max-height:40vh}.vista-previa-mini{object-fit:cover;width:56px;height:56px;max-height:none}.fila-foto{align-items:center}.fila-foto dd{align-items:center;gap:var(--esp-3);display:flex}.tarjeta{border-radius:var(--radio);background:var(--blanco);box-shadow:var(--sombra-tarjeta);margin:0;overflow:hidden}.fila{justify-content:space-between;align-items:baseline;gap:var(--esp-4);padding:var(--esp-2) var(--esp-4);border-bottom:1px solid var(--borde-suave);display:flex}.fila:last-child{border-bottom:0}.fila dt{color:var(--texto-secundario);font-size:.85rem;font-weight:400}.fila dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.fila-destacada{background:var(--azul-suave)}.fila-destacada dd{font-size:1.9rem;font-weight:500}.estado{align-items:center;gap:var(--esp-3);padding:var(--esp-3) var(--esp-4);border-left:4px solid var(--navy);border-radius:var(--radio);font-size:1.2rem;display:flex}.estado-enviando{background:var(--estado-enviando-fondo);border-left-color:var(--estado-enviando)}.estado-enviando .icono-estado{stroke:var(--estado-enviando)}.estado-enviada{background:var(--estado-enviada-fondo);border-left-color:var(--estado-enviada)}.estado-enviada .icono-estado{stroke:var(--estado-enviada)}.estado-pendiente{background:var(--estado-pendiente-fondo);border-left-color:var(--estado-pendiente)}.estado-pendiente .icono-estado{stroke:var(--estado-pendiente)}.estado-atencion{background:var(--estado-atencion-fondo);border-left-color:var(--estado-atencion)}.estado-atencion .icono-estado{stroke:var(--estado-atencion)}.heroe{align-items:center;gap:var(--esp-2);padding-top:var(--esp-2);flex-direction:column;display:flex}.icono-heroe{width:80px;height:80px}.heroe-enviada{stroke:var(--estado-enviada)}.heroe-pendiente{stroke:var(--estado-pendiente)}.heroe-enviando{stroke:var(--estado-enviando)}.heroe-atencion{stroke:var(--estado-atencion)}.girando{animation:1.2s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.girando{animation:none}}@media (max-height:740px){.pagina{padding-top:var(--esp-2);padding-bottom:var(--esp-2);gap:6px}.paso-pantalla{gap:6px}.franja{padding:var(--esp-1) var(--esp-4)}.franja-icono{width:24px;height:24px}.franja-linea1{font-size:.85rem}.franja-linea2{font-size:.75rem}.titulo{font-size:1.35rem}.cabecera-titulo{padding:var(--esp-1) 0}.valor-cifra{font-size:2.6rem}.fila{padding:6px var(--esp-3)}.teclas,.teclado-pin{gap:var(--esp-2)}.pin-puntos{min-height:20px}.punto{width:20px;height:20px}.acciones,.barra-fija{padding:var(--esp-1) 0 0}.alerta,.aviso{gap:var(--esp-2);padding:var(--esp-2) var(--esp-3)}.aviso .icono-estado,.alerta .icono-estado{width:22px;height:22px}.vehiculo-linea{padding:var(--esp-2) var(--esp-3);font-size:.85rem}.icono-chip{width:22px;height:22px}.paso-circulo{width:24px;height:24px;font-size:.7rem}.paso-tilde{width:16px;height:16px}.icono-heroe{width:64px;height:64px}.tarjeta-origen{min-height:110px}.visor{min-height:140px}.vista-previa{max-height:28vh}.vista-previa-mini{width:44px;height:44px}}.alertas-legajo{gap:var(--esp-3);flex-direction:column;display:flex}.alerta-legajo{align-items:flex-start}.alerta-contenido{gap:var(--esp-2);flex-direction:column;flex:1;display:flex}.alerta-contenido p{margin:0}.alerta-titulo{color:var(--azul-profundo);margin:0;font-size:1.2rem;font-weight:700;line-height:1.2}.lista-cargas{gap:var(--esp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item-carga{gap:var(--esp-2);padding:var(--esp-3) var(--esp-4);border-radius:var(--radio);background:var(--blanco);box-shadow:var(--sombra-tarjeta);flex-direction:column;display:flex}.item-cabeza{justify-content:space-between;align-items:flex-start;gap:var(--esp-3);display:flex}.item-cabeza p{margin:0}.item-vehiculo{font-weight:700}.item-detalle{color:var(--texto-secundario);font-size:.85rem}.item-litros{font-family:var(--fuente-cifras);flex:none;font-size:1.5rem;font-weight:500}.item-motivo{margin:0;font-size:.9rem}.estado-compacto{padding:var(--esp-2) var(--esp-3);font-size:1rem}.estado-compacto .icono-estado{width:22px;height:22px}.aviso-accion .alerta-contenido{gap:var(--esp-3)}.pasos-instalar{margin:0;padding-left:1.25rem;font-size:.9rem;line-height:1.5}.icono-en-texto{vertical-align:-.2em;fill:none;width:1.1em;height:1.1em;stroke:var(--azul-institucional)}