:root{--azul: #00599b;--azul-medio: #669bc3;--azul-claro: #b2cde1;--verde: #1b7f4b;--verde-fondo: #e6f4ec;--ambar: #8f5a00;--ambar-fondo: #fdf1dc;--rojo: #a52121;--gris: #5b6a78;--gris-fondo: #edf1f5;--fondo: #f2f5f8;--texto: #14202b;--borde: #d2dce5;--radio: 14px}*{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none}.pantalla{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.centrada{justify-content:center;align-items:center;padding:24px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--borde)}.logo-cabecera{height:30px;width:auto;display:block}.nombre{display:block;font-size:15px;font-weight:600;color:var(--gris);margin-top:3px}.pestanas{display:flex;background:#fff;border-bottom:1px solid var(--borde);overflow-x:auto;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}.pestanas button{flex:1 0 auto;padding:14px 12px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;white-space:nowrap;color:var(--gris);border-bottom:3px solid transparent}.pestanas .activa{color:var(--azul);border-bottom-color:var(--azul)}.contenido{flex:1;padding:18px;display:flex;flex-direction:column;gap:16px}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:20px}.estado{text-align:center;border-width:2px}.estado.verde{background:var(--verde-fondo);border-color:var(--verde)}.estado.ambar{background:var(--ambar-fondo);border-color:var(--ambar)}.estado.gris{background:var(--gris-fondo);border-color:var(--borde)}.estado-titulo{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em}.estado-detalle{margin:2px 0 0;font-size:17px;font-variant-numeric:tabular-nums}.estado-horas{margin:10px 0 0;padding-top:10px;font-size:15px;color:var(--gris);font-variant-numeric:tabular-nums;border-top:1px solid rgba(0,0,0,.09)}label,.campo{display:block;font-size:14px;font-weight:600;color:var(--gris)}input,select{width:100%;margin-top:6px;padding:14px;font:inherit;color:var(--texto);background:#fff;border:1px solid var(--borde);border-radius:10px;font-size:17px}input:focus,select:focus{outline:3px solid var(--azul-claro);outline-offset:1px}.acciones{display:flex;flex-direction:column;gap:12px}.boton{width:100%;padding:16px;font:inherit;font-weight:700;border:2px solid transparent;border-radius:var(--radio);cursor:pointer}.boton.grande{padding:22px;font-size:20px}.boton.primario{background:var(--azul);color:#fff}.boton.secundario{background:#fff;color:var(--azul);border-color:var(--azul)}.boton:disabled{opacity:.55}.boton:active{transform:scale(.985)}.enlace{background:none;border:0;color:var(--azul);font:inherit;font-weight:600;text-decoration:underline;padding:8px;flex:none}.franja{padding:12px 14px;border-radius:10px;font-size:15px;font-weight:600}.franja.verde{background:var(--verde-fondo);color:var(--verde)}.franja.ambar{background:var(--ambar-fondo);color:var(--ambar)}.error{color:var(--rojo);font-weight:600;font-size:15px;margin:4px 0 0}.lista h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--gris);margin:4px 0 10px}.lista h3{font-size:15px;color:var(--azul);margin:18px 0 6px;text-transform:capitalize}.fila{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:baseline;padding:12px 14px;background:#fff;border:1px solid var(--borde);border-radius:10px;margin-bottom:8px;font-size:16px}.fila-hora{font-weight:700;font-variant-numeric:tabular-nums}.fila-cuerpo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}.fila-tipo{white-space:nowrap}.fila-marca{font-size:13px;color:var(--gris);white-space:nowrap;margin-left:auto}.fila-marca.aviso{color:var(--ambar);font-weight:600}.fila-marca.bien{color:var(--verde);font-size:16px}.vacio,.cargando{color:var(--gris);text-align:center;padding:20px}.enlace-mapa{display:inline-block;width:100%;margin-top:2px;font-size:13px;color:var(--azul);text-decoration:none;border-bottom:1px dotted currentColor;align-self:flex-start}.filtros{display:flex;gap:8px}.filtros button{flex:1;padding:10px 6px;font:inherit;font-size:15px;font-weight:600;color:var(--gris);background:#fff;border:1px solid var(--borde);border-radius:10px}.filtros .activo{background:var(--azul);border-color:var(--azul);color:#fff}.ficha{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.ficha.marcada{border-left:4px solid var(--ambar)}.ficha.estimada{border-left:4px solid var(--rojo);background:#fdf3f3}.ficha-estimada{margin:0;padding:10px 12px;font-size:14px;font-weight:600;color:var(--rojo);background:#fbe9e9;border-radius:8px;line-height:1.4}.instalar{display:flex;flex-direction:column;gap:10px;background:#fff8e8;border-color:var(--ambar)}.instalar .aviso-push-titulo{color:var(--ambar)}.pasos{margin:0;padding-left:22px;font-size:14px;color:var(--texto);line-height:1.7}.pasos li{margin-bottom:2px}.icono-ios{font-size:16px;vertical-align:-2px}.opcional{font-weight:400;color:var(--gris)}.grupo{border:1px solid var(--borde);border-radius:10px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:6px}.grupo legend{font-size:14px;font-weight:700;color:var(--azul);padding:0 6px}.casilla{display:flex;align-items:center;gap:10px;font-weight:400;font-size:16px;color:var(--texto);padding:4px 0}.casilla input{width:22px;height:22px;margin:0;flex:none}.credenciales{display:flex;flex-direction:column;gap:12px;border:2px solid var(--verde);background:var(--verde-fondo)}.credencial{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}.credencial dt{color:var(--gris)}.credencial dd{margin:0;font-weight:600;word-break:break-all}.credencial .clave{font-size:20px;font-family:ui-monospace,Menlo,monospace;letter-spacing:.02em}.cuenta{text-align:center;padding:8px 0 4px}.enlace-discreto{background:none;border:0;padding:8px;font:inherit;font-size:14px;color:var(--gris);text-decoration:underline}.aviso-push{display:flex;flex-direction:column;gap:10px;background:#f2f7fb;border-color:var(--azul-claro)}.aviso-push-titulo{margin:0;font-size:16px;font-weight:700;color:var(--azul)}.aviso-push-texto{margin:0;font-size:14px;color:var(--gris);line-height:1.5}.aviso-push .boton{padding:12px;font-size:15px}.saldo{text-align:center;border:2px solid var(--azul);background:#f2f7fb}.saldo-numero{margin:0;font-size:52px;font-weight:800;line-height:1;color:var(--azul);font-variant-numeric:tabular-nums}.saldo-etiqueta{margin:6px 0 0;font-size:17px;font-weight:600}.saldo-detalle{margin:8px 0 0;padding-top:8px;font-size:14px;color:var(--gris);border-top:1px solid var(--borde)}.titulo-seccion{margin:0 0 14px;font-size:17px}.fechas{display:flex;gap:10px}.fechas label{flex:1}form.tarjeta{display:flex;flex-direction:column;gap:14px}.etiqueta{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.etiqueta.verde{background:var(--verde-fondo);color:var(--verde)}.etiqueta.ambar{background:var(--ambar-fondo);color:var(--ambar)}.etiqueta.rojo{background:#fbe9e9;color:var(--rojo)}.etiqueta.gris{background:var(--gris-fondo);color:var(--gris)}.correccion{display:flex;flex-direction:column;gap:10px;margin-top:6px}.correccion-botones{display:flex;gap:8px;margin-top:6px}.correccion-botones .boton{flex:1;padding:12px;font-size:15px;margin-top:0}.ficha-cabecera{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 10px}.ficha-cabecera strong{font-size:16px}.ficha-cuando{font-size:13px;color:var(--gris);white-space:nowrap;margin-left:auto}.ficha-linea{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ficha-zona{margin:0;font-size:14px;color:var(--gris)}.ficha-motivo{margin:0;font-size:13px;color:var(--ambar)}.ficha .boton{margin-top:6px;padding:10px;font-size:15px}.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.logo-login{width:100%;max-width:260px;height:auto;align-self:center;margin-bottom:2px}.subtitulo{margin:-6px 0 4px;text-align:center;color:var(--gris);font-size:15px;padding-top:14px;border-top:1px solid var(--borde)}.pie{font-size:13px;color:var(--gris);text-align:center;margin:4px 0 0;line-height:1.5}