:root{--navy: #0a40c8;--navy-oscuro: #08285f;--navy-medio: #14386e;--navy-suave-fg: #9db0d2;--azul-link: #1769ff;--oro: #ffd21a;--oro-hover: #ffdc4d;--fondo: #f1f5fb;--superficie: #ffffff;--neutro-100: #eaf1fc;--neutro-200: #d9e2f1;--neutro-300: #e3ebf8;--neutro-400: #d9e2f1;--neutro-500: #cbd8ee;--neutro-600: #dce5f4;--azul-claro-texto: #ffffff;--azul-claro-texto-2: #e3ecff;--texto: #0b2a80;--texto-suave: #5f7199;--texto-suave-2: #5f7199;--texto-terciario: #71829f;--placeholder: #8794ae;--borde-punteado: rgba(11, 31, 75, .28);--ok-bg: #ddf6ea;--ok-fg: #0e9f64;--ok-bar: #0e9f64;--warn-bg: rgba(255, 179, 0, .16);--warn-fg: #9a6200;--warn-bar: #f0a800;--bad-bg: rgba(255, 59, 54, .12);--bad-fg: #cf2e2b;--bad-bar: #cf2e2b;--indicador-en-linea: #20d99b;--fuente-cuerpo: "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fuente-mono: "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radio-lg: 18px;--radio-md: 12px;--radio-sm: 11px;--sombra-card: 0 6px 22px rgba(10, 42, 143, .1);--sombra-placa: 0 12px 28px rgba(10, 42, 143, .18);color-scheme:light;color:var(--texto);background-color:var(--fondo);font-family:var(--fuente-cuerpo);font-size:16px;line-height:1.5}:root[data-theme=dark]{--navy: #072ac8;--navy-oscuro: #08285f;--navy-medio: #14386e;--navy-suave-fg: #6e86b3;--azul-link: #1769ff;--fondo: #071936;--superficie: #0b2349;--neutro-100: #0d2a55;--neutro-200: #14386e;--neutro-300: #123464;--neutro-400: #14386e;--neutro-500: #1c4a85;--neutro-600: rgba(70, 137, 255, .3);--borde-punteado: rgba(70, 137, 255, .3);--azul-claro-texto: #eaf0ff;--azul-claro-texto-2: #aac0f5;--texto: #f5f8ff;--texto-suave: #9db0d2;--texto-suave-2: #9db0d2;--texto-terciario: #6e86b3;--placeholder: #6e86b3;--ok-bg: rgba(15, 185, 137, .22);--ok-fg: #20d99b;--ok-bar: #20d99b;--warn-bg: rgba(255, 197, 43, .12);--warn-fg: #ffc52b;--warn-bar: #ffc52b;--bad-bg: rgba(255, 88, 85, .14);--bad-fg: #ff625f;--bad-bar: #ff625f;--indicador-en-linea: #20d99b;--sombra-card: 0 6px 24px rgba(7, 42, 200, .12);--sombra-placa: 0 12px 30px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--fondo)}button,input{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.hero{background:var(--navy);padding:0 24px 88px}.hero__inner{max-width:1040px;margin:0 auto;padding-top:22px}.hero__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:62px}.hero__marca{display:flex;align-items:center;justify-content:center;gap:10px;grid-column:2}.hero__logo-img{display:block;height:52px;width:auto}.hero__insignia{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:var(--azul-claro-texto);font-size:.8125rem;grid-column:3;justify-self:end;font-weight:600}.hero__insignia-punto{width:7px;height:7px;border-radius:50%;background:var(--indicador-en-linea)}.hero__titulo{margin:0 0 12px;color:#fff;font-size:clamp(32px,5vw,52px);font-weight:900;font-style:italic;text-transform:uppercase;line-height:1.05;letter-spacing:-.03em;max-width:640px}.hero__subtitulo{margin:0 0 32px;color:var(--azul-claro-texto-2);font-size:1.05rem;max-width:560px}.hero__disclaimer{margin:14px 2px 0;color:var(--azul-claro-texto-2);font-size:.85rem}.buscar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.placa-box{flex:1;min-width:260px;background:var(--superficie);border:3px solid var(--azul-link);border-radius:var(--radio-md);box-shadow:var(--sombra-placa);overflow:hidden}.placa-box__franja{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:var(--oro)}.placa-box__etiqueta{color:var(--navy-oscuro);font-size:11px;font-weight:700;letter-spacing:.28em}.placa-box__perno{width:8px;height:8px;border-radius:50%;background:var(--navy-oscuro);opacity:.35}.placa-box__input{display:block;width:100%;border:none;outline:none;background:transparent;padding:10px 12px 14px;text-align:center;color:var(--texto);font-family:var(--fuente-mono);font-weight:800;font-size:clamp(40px,7vw,60px);letter-spacing:.08em;text-transform:uppercase}.placa-box__input::placeholder{color:var(--placeholder)}.placa-box__input:disabled{background:var(--neutro-200);cursor:not-allowed}.hero__boton{min-height:64px;min-width:180px;padding:0 28px;border:none;border-radius:var(--radio-md);background:var(--oro);box-shadow:0 6px 14px #b88a0059;color:#0b1f4b;font-weight:700;font-size:1.05rem;cursor:pointer;white-space:nowrap;transition:background .12s ease,transform .12s ease}.hero__boton:hover:not(:disabled){background:var(--oro-hover)}.hero__boton:active:not(:disabled){transform:translateY(1px)}.hero__boton:disabled{background:var(--neutro-400);color:var(--texto-terciario);cursor:not-allowed}.contenido{flex:1;padding:0 24px 56px}.contenido__inner{max-width:1040px;margin:-48px auto 0;display:flex;flex-direction:column;gap:16px}.card{background:var(--superficie);border:1px solid var(--neutro-600);border-radius:var(--radio-lg);box-shadow:var(--sombra-card);padding:28px}.card--espaciosa{padding:28px 32px}.card--cargando{padding:32px}.estado{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 32px;background:var(--superficie);border:1px solid var(--neutro-600);border-radius:var(--radio-lg);box-shadow:var(--sombra-card)}.estado__icono{font-size:2rem}.estado__titulo{margin:0;font-size:1.2rem;font-weight:800;color:var(--texto)}.estado__mensaje{margin:0;color:var(--texto-suave)}.boton-secundario{margin-top:8px;padding:10px 20px;font-size:.95rem;font-weight:700;color:var(--texto);background:#fff;border:1.5px solid #9db8ec;border-radius:var(--radio-sm);cursor:pointer;white-space:nowrap;transition:background .12s ease}.boton-secundario:hover{background:var(--neutro-100)}.placa-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border:2px dashed var(--borde-punteado);border-radius:10px;font-family:var(--fuente-mono);font-weight:800;font-size:1.625rem;letter-spacing:.08em;color:var(--texto-terciario);background:transparent}.estado--vacio .estado__mensaje{max-width:420px}.estado--error .estado__icono{color:var(--bad-fg)}.estado--error{border-top:3px solid var(--bad-bar);border-radius:var(--radio-lg)}.cargando{display:flex;flex-direction:column;gap:22px;overflow:hidden}.cargando__texto{margin:0;color:var(--texto);font-weight:600;font-size:1rem}.barra-progreso{position:relative;width:100%;height:4px;border-radius:999px;background:var(--neutro-400);overflow:hidden}.tarjeta__progreso .barra-progreso{height:8px}.linea-tiempo__progreso .barra-progreso{height:6px}.barra-progreso__relleno{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:999px;background:var(--oro);animation:bar 1.1s ease-in-out infinite}.barra-progreso--estatica .barra-progreso__relleno{animation:none;width:var(--porcentaje, 0%)}@keyframes bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.skeleton{border-radius:12px;background:linear-gradient(90deg,var(--neutro-300) 0%,var(--neutro-500) 50%,var(--neutro-300) 100%);background-size:800px 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.cargando__skeletons-doble{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.skeleton--bloque{height:120px}.skeleton--franja{height:72px}.resultado{display:flex;flex-direction:column;gap:16px}.resultado__encabezado{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.resultado__identidad{display:flex;flex-direction:column;gap:10px}.resultado__etiqueta{margin:0;font-size:.75rem;letter-spacing:.14em;color:var(--texto-suave);font-weight:600}.resultado__placa-fila{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.resultado__placa{margin:0;font-family:var(--fuente-mono);font-weight:800;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:.06em;line-height:1;color:var(--texto)}.resultado__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.badge-vehiculo{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:20px;font-size:.8125rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}.badge-vehiculo--ok{background:var(--ok-bg);color:var(--ok-fg)}.badge-vehiculo--muted{background:var(--neutro-400);color:var(--texto-suave)}.badge-vehiculo__punto{width:7px;height:7px;border-radius:50%;background:currentColor}.badge-vehiculo--ok .badge-vehiculo__punto{background:var(--ok-bar)}.chip-resumen{padding:6px 11px;border-radius:8px;font-size:.8125rem;font-weight:600}.chip-resumen--ok{background:var(--ok-bg);color:var(--ok-fg)}.chip-resumen--warn{background:var(--warn-bg);color:var(--warn-fg)}.chip-resumen--bad{background:var(--bad-bg);color:var(--bad-fg)}.odometro{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.odometro__etiqueta{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--texto-suave)}.odometro__fila{display:flex;align-items:flex-end;gap:10px}.odometro__caja{display:flex;gap:3px;padding:5px;border-radius:9px;background:var(--navy-oscuro)}.odometro__digito{display:flex;align-items:center;justify-content:center;width:30px;height:44px;border-radius:5px;font-family:var(--fuente-mono);font-weight:700;font-size:1.625rem;background:var(--navy-medio);color:var(--navy-suave-fg)}.odometro__digito--activo{background:var(--navy);color:#fff}.odometro__unidad{margin:0;padding-bottom:4px;font-size:1rem;font-weight:600;color:var(--texto-suave)}.badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.badge--ok{background:var(--ok-bg);color:var(--ok-fg)}.badge--warn{background:var(--warn-bg);color:var(--warn-fg)}.badge--bad{background:var(--bad-bg);color:var(--bad-fg)}.badge--muted{background:var(--neutro-400);color:var(--texto-suave)}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.tarjeta{border:1px solid var(--neutro-600);border-radius:var(--radio-lg);padding:26px 28px;display:flex;flex-direction:column;gap:22px;background:var(--superficie)}.tarjeta--vacia{background:var(--neutro-100)}.tarjeta__cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px}.tarjeta__titulo{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--texto)}.tarjeta__vacio{margin:0;color:var(--texto-suave)}.tarjeta__fechas{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tarjeta__fecha-bloque{display:flex;flex-direction:column;gap:4px}.tarjeta__fecha-etiqueta{font-size:.8125rem;color:var(--texto-suave)}.tarjeta__fecha-valor{font-family:var(--fuente-mono);font-weight:700;font-size:1.1875rem;color:var(--texto)}.tarjeta__progreso{display:flex;flex-direction:column;gap:8px}.tarjeta__caption{margin:0;font-size:.875rem;font-weight:600}.linea-tiempo__progreso .tarjeta__caption{font-size:.8125rem}.mantenimientos__cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.mantenimientos__titulo{margin:0;font-size:1.375rem;font-weight:800;letter-spacing:-.01em;color:var(--texto)}.mantenimientos__contador{font-size:.875rem;color:var(--texto-suave)}.mantenimientos__vacio{color:var(--texto-suave);margin:0}.linea-tiempo{list-style:none;padding:0;margin:0}.linea-tiempo__item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px}.linea-tiempo__dia-col{display:flex;flex-direction:column;align-items:center}.linea-tiempo__dia{width:64px;padding:8px 0;border:1px solid var(--neutro-600);border-radius:10px;background:var(--neutro-100);display:flex;flex-direction:column;align-items:center;gap:1px}.linea-tiempo__dia-numero{font-family:var(--fuente-mono);font-weight:800;font-size:1.375rem;color:var(--texto);line-height:1}.linea-tiempo__dia-mes{font-size:.6875rem;font-weight:700;letter-spacing:.1em;color:var(--texto-suave);margin-top:4px}.linea-tiempo__dia-anio{font-size:.6875rem;color:var(--texto-terciario)}.linea-tiempo__conector{flex:1;width:2px;min-height:18px;background:var(--neutro-600)}.linea-tiempo__item:last-child .linea-tiempo__conector{display:none}.linea-tiempo__contenido{border:1px solid var(--neutro-600);border-radius:var(--radio-md);padding:18px 20px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px}.linea-tiempo__cabecera{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.linea-tiempo__tipo{font-weight:700;color:var(--texto)}.linea-tiempo__detalles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.dato{display:flex;flex-direction:column;gap:2px}.dato dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-terciario)}.dato dd{margin:0;font-family:var(--fuente-mono);font-weight:600;font-size:.92rem;color:var(--texto)}.linea-tiempo__progreso{display:flex;flex-direction:column;gap:6px}.linea-tiempo__nota{margin:0;padding-top:8px;border-top:1px dashed var(--neutro-600);color:var(--texto-suave-2);font-size:.9rem}.pie{padding:20px 24px 32px}.pie__inner{max-width:1040px;margin:0 auto;padding-top:16px;border-top:1px solid var(--neutro-600);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--texto-terciario);font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:4px;text-align:center}.login__titulo{font-size:1.3rem}.login__mensaje{margin-bottom:8px}.login__form{display:flex;flex-direction:column;gap:16px;margin-top:12px;text-align:left}.login__campo{display:flex;flex-direction:column;gap:6px}.login__etiqueta{font-size:.9rem;font-weight:700;color:var(--texto-suave-2)}.login__input{height:52px;padding:0 16px;border:1px solid var(--neutro-600);border-radius:var(--radio-sm);background:var(--fondo);color:var(--texto);font-size:1rem;font-family:inherit}.login__input:focus{outline:2px solid var(--oro);outline-offset:1px}.login__input:disabled{background:var(--neutro-200);cursor:not-allowed}.login__error{margin:0;padding:10px 14px;border-radius:var(--radio-sm);background:var(--bad-bg);color:var(--bad-fg);font-size:.9rem}.login__boton{align-self:center;margin-top:4px;min-width:160px}.pie__salir{border:none;background:none;padding:0;color:var(--texto-terciario);font-size:.85rem;font-weight:700;text-decoration:underline;cursor:pointer}.pie__salir:hover{color:var(--texto-suave-2)}@media(max-width:640px){.hero{padding:0 16px 72px}.hero__top{grid-template-columns:1fr;justify-items:center}.hero__marca,.hero__insignia{grid-column:1}.hero__insignia{justify-self:center}.contenido{padding:0 16px 48px}.card{padding:20px}.buscar{flex-direction:column;align-items:stretch}.hero__boton{width:100%}.resultado__encabezado{flex-direction:column;align-items:flex-start}.odometro{align-items:flex-start}.linea-tiempo__item{grid-template-columns:52px minmax(0,1fr)}.linea-tiempo__dia{width:48px}}