@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(24px);opacity:.6}}:root{--fondo:#f4f5f7;--superficie:#ffffff;--superficie-2:#eef0f4;--borde:#e2e5ea;--texto:#1c2025;--texto-suave:#667085;--primario:#d62828;--primario-fuerte:#c1121f;--primario-suave:#fdecec;--ok:#2f9e44;--ok-suave:#e7f6eb;--alerta:#e8590c;--alerta-suave:#fff0e6;--peligro:#d62828;--peligro-suave:#fdecec;--info:#1971c2;--info-suave:#e7f1fb;--sombra:0 1px 3px rgba(16, 24, 40, .08), 0 4px 14px rgba(16, 24, 40, .05);--radio:16px;--radio-chico:10px;--nav-alto:64px}:root[data-theme=oscuro],html[data-theme=oscuro]{--fondo:#121418;--superficie:#1b1f26;--superficie-2:#232833;--borde:#2c323d;--texto:#eef1f5;--texto-suave:#9aa4b2;--primario:#ff5c5c;--primario-fuerte:#b3261e;--primario-suave:#3a1d1d;--ok:#63d471;--ok-suave:#17301c;--alerta:#ffa94d;--alerta-suave:#3a2a15;--peligro:#ff6b6b;--peligro-suave:#3a1d1d;--info:#74b3f0;--info-suave:#16273a;--sombra:0 1px 3px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .25)}@media (prefers-color-scheme:dark){html[data-theme=automatico]{--fondo:#121418;--superficie:#1b1f26;--superficie-2:#232833;--borde:#2c323d;--texto:#eef1f5;--texto-suave:#9aa4b2;--primario:#ff5c5c;--primario-fuerte:#b3261e;--primario-suave:#3a1d1d;--ok:#63d471;--ok-suave:#17301c;--alerta:#ffa94d;--alerta-suave:#3a2a15;--peligro:#ff6b6b;--peligro-suave:#3a1d1d;--info:#74b3f0;--info-suave:#16273a;--sombra:0 1px 3px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}#app{max-width:620px;margin:0 auto;min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 16px calc(12px);padding-top:max(12px,env(safe-area-inset-top));background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--borde)}.topbar-logo{width:2.27em;height:2.27em;border-radius:.67em;flex:none;display:grid;place-items:center;background:var(--primario-fuerte);color:#fff;font-weight:800;font-size:.9375rem}.topbar-texto{flex:1;min-width:0}.topbar-titulo{font-size:1rem;font-weight:750;line-height:1.1;margin:0}.topbar-sub{font-size:.7188rem;color:var(--texto-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .btn-icono{flex:none}.vista{padding:14px 14px calc(var(--nav-alto) + 92px + env(safe-area-inset-bottom))}.vista>*+*{margin-top:12px}.seccion-titulo{display:flex;align-items:center;justify-content:space-between;margin:18px 4px 8px;font-size:.8125rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave)}.seccion-titulo:first-child{margin-top:4px}.hero,.tarjeta{box-shadow:var(--sombra)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:14px}.tarjeta+.tarjeta{margin-top:12px}.hero{background:linear-gradient(135deg,#23262d 0,#17191e 60%,#2a1414 100%);color:#fff;border-radius:20px;padding:18px}.hero .hero-titulo,.hero h1{margin:0;font-size:1.1875rem;font-weight:800}.hero .hero-modelo{color:#c9ced6;font-size:.7812rem;margin-top:2px}.hero-km{display:flex;align-items:baseline;gap:8px;margin-top:14px}.hero-km strong{font-size:2.375rem;font-weight:850;letter-spacing:-1px}.hero-km span{color:#c9ced6;font-size:.875rem}.btn,.hero-pie{align-items:center}.hero-pie{display:flex;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.hero-pie small{color:#aab1bc;font-size:.75rem}.hero .btn-suave{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18)}.hero .btn-suave:hover{background:rgba(255,255,255,.22)}.btn{display:inline-flex;justify-content:center;gap:7px;border:1px solid transparent;border-radius:12px;padding:9px 14px;font-size:.9062rem;font-weight:700;cursor:pointer;text-decoration:none;user-select:none;transition:filter .15s,background .15s,transform .05s;background:var(--superficie-2);color:var(--texto)}.btn:active{transform:scale(.98)}.btn-primario{background:var(--primario-fuerte);color:#fff}.btn-primario:hover{filter:brightness(1.08)}.btn-suave{background:var(--superficie-2);border-color:var(--borde)}.btn-icono:hover,.btn-suave:hover{background:var(--borde)}.btn-peligro{background:var(--peligro-suave);color:var(--peligro);border-color:transparent}.btn-bloque{width:100%}.btn-chico{padding:6px 10px;font-size:.8125rem;border-radius:10px}.btn-icono{width:2.235em;height:2.235em;padding:0;border-radius:.65em;display:inline-grid;place-items:center;font-size:1.0625rem;background:var(--superficie-2);border:1px solid var(--borde);cursor:pointer;color:var(--texto)}.fab{position:fixed;right:max(18px,calc(50% - 292px));bottom:calc(var(--nav-alto) + 18px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:18px;border:0;background:var(--primario-fuerte);color:#fff;font-size:1.625rem;font-weight:700;box-shadow:0 8px 22px rgba(214,40,40,.38);cursor:pointer;z-index:25}.fab:active{transform:scale(.95)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.7188rem;font-weight:750;white-space:nowrap}.badge-ok{background:var(--ok-suave);color:var(--ok)}.badge-proximo{background:var(--alerta-suave);color:var(--alerta)}.badge-vencido{background:var(--peligro-suave);color:var(--peligro)}.badge-neutro{background:var(--superficie-2);color:var(--texto-suave)}.badge-info{background:var(--info-suave);color:var(--info)}.barra{height:8px;border-radius:999px;background:var(--superficie-2);overflow:hidden}.barra-fill{height:100%;border-radius:999px;background:var(--ok);transition:width .3s}.barra-fill.proximo{background:var(--alerta)}.barra-fill.vencido{background:var(--peligro)}.barra-fill.info{background:var(--info)}.fila{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--borde)}.fila:last-child{border-bottom:none;padding-bottom:0}.fila:first-child{padding-top:0}.fila-icono{width:2.11em;height:2.11em;flex:none;border-radius:.61em;display:grid;place-items:center;font-size:1.125rem;background:var(--superficie-2)}.fila-cuerpo{flex:1;min-width:0}.fila-titulo{font-weight:700;font-size:.9062rem;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fila-sub{color:var(--texto-suave);font-size:.7812rem;margin-top:2px}.fila-sub strong{color:var(--texto);font-weight:650}.fila-acciones,.fila-datos{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.fila-datos{gap:14px;margin-top:4px;font-size:.75rem;color:var(--texto-suave)}.fila-datos b{display:block;font-size:.875rem;color:var(--texto)}.alerta{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:var(--radio-chico);font-size:.8438rem;border:1px solid transparent}.alerta+.alerta{margin-top:8px}.alerta-danger{background:var(--peligro-suave);color:var(--peligro)}.alerta-warn{background:var(--alerta-suave);color:var(--alerta)}.alerta-info{background:var(--info-suave);color:var(--info)}.alerta-ok{background:var(--ok-suave);color:var(--ok)}.alerta .alerta-emoji{font-size:1.0625rem;line-height:1.2}.alerta b,.fila-datos b{font-weight:750}.alerta .btn{margin-top:8px}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.campo input,.campo select,.campo textarea,.chip{border:1px solid var(--borde);background:var(--superficie)}.campo label,.chip{color:var(--texto-suave)}.chip{flex:none;border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:650;cursor:pointer}.chip.activo{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.campo{margin-bottom:12px}.campo label{display:block;font-size:.7812rem;font-weight:700;margin-bottom:5px}.campo input,.campo select,.campo textarea{width:100%;padding:10px 12px;border-radius:11px;outline:0}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--primario)}.campo textarea{min-height:74px;resize:vertical}.campo-ayuda{font-size:.75rem;color:var(--texto-suave);margin-top:4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border:1px solid var(--borde);border-radius:12px;background:var(--superficie);cursor:pointer}.check+.check{margin-top:8px}.check input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;accent-color:var(--primario);flex:none}.check.hecho{background:var(--ok-suave);border-color:transparent}.check.hecho .check-titulo{text-decoration:line-through;opacity:.75}.check-cuerpo{flex:1;min-width:0}.check-titulo{font-weight:700;font-size:.875rem}.check-sub{font-size:.7812rem;color:var(--texto-suave);margin-top:2px}body.modal-abierto{position:fixed;left:0;right:0;width:100%;overflow:hidden}.modal-fondo{position:fixed;inset:0;z-index:40;background:rgba(8,10,14,.55);display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:contain;animation:aparecer .18s ease}.modal{background:var(--superficie);width:100%;max-width:620px;border-radius:20px 20px 0 0;max-height:92dvh;display:flex;flex-direction:column;animation:subir .22s ease}.modal-cab{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}.modal-cab h2{flex:1;margin:0;font-size:1.0625rem;font-weight:800}.modal-cuerpo{padding:4px 16px 16px;overflow-y:auto}.modal-pie,.nav{display:flex;border-top:1px solid var(--borde)}.modal-pie{gap:10px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--superficie)}.modal-pie .btn{flex:1}.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:center;background:color-mix(in srgb,var(--superficie) 92%,transparent);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.nav-inner{display:flex;width:100%;max-width:620px}.nav-btn,.toast-host{display:flex;flex-direction:column;align-items:center}.nav-btn{flex:1;border:0;background:0 0;cursor:pointer;justify-content:center;gap:2px;padding:7px 1px 5px;height:var(--nav-alto);color:var(--texto-suave);font-size:.5938rem;font-weight:700}.nav-btn .nav-emoji{font-size:1.125rem;line-height:1;filter:grayscale(1) opacity(.75)}.nav-btn.activo{color:var(--primario)}.nav-btn.activo .nav-emoji{filter:none}.toast-host{position:fixed;left:0;right:0;bottom:calc(var(--nav-alto) + 24px);z-index:50;gap:8px;pointer-events:none}.toast{background:#1c2025;color:#fff;border-radius:12px;padding:10px 16px;font-size:.8438rem;font-weight:650;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:86%;animation:aparecer .2s ease}.tabla{width:100%;border-collapse:collapse;font-size:.8125rem}.tabla td,.tabla th{text-align:left;padding:8px;border-bottom:1px solid var(--borde);vertical-align:top}.tabla th{color:var(--texto-suave);font-size:.7188rem;text-transform:uppercase;letter-spacing:.03em}.tabla td:first-child{font-weight:650}.tabla-scroll{overflow-x:auto}:focus-visible{outline:3px solid var(--primario);outline-offset:2px;border-radius:4px}.campo input:focus-visible,.campo select:focus-visible,.campo textarea:focus-visible{outline:0;border-color:var(--primario);box-shadow:0 0 0 3px var(--primario-suave)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.vacio{text-align:center;color:var(--texto-suave);padding:26px 14px;font-size:.875rem}.vacio .vacio-emoji{font-size:2.125rem;display:block;margin-bottom:8px}.codigo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7812rem;background:var(--superficie-2);padding:2px 6px;border-radius:6px}.leyenda,.pieza-barra small{font-size:.75rem;color:var(--texto-suave)}.acciones-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acciones-grid .btn{width:100%}.pieza-barra{display:flex;align-items:center;gap:10px;margin-top:8px}.pieza-barra .barra{flex:1}.pieza-barra small{white-space:nowrap}.detalle-lista{margin:6px 0 0;padding-left:18px;font-size:.8125rem;color:var(--texto-suave)}.detalle-lista li{margin-bottom:3px}.vencido-fila{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--borde)}.vencido-fila:last-of-type{border-bottom:none}.vencido-fila .fila-icono{width:34px;height:34px;font-size:1rem}.vencido-fila .btn{flex:none}.linea-estado{font-size:.7812rem;margin-top:3px}.linea-estado.vencido{color:var(--peligro);font-weight:650}.linea-estado.proximo{color:var(--alerta);font-weight:650}.estado-general small,.linea-estado.ok{color:var(--texto-suave)}.caja-registrando{background:var(--superficie-2);border-radius:var(--radio-chico);padding:10px 12px;margin-bottom:12px}.tarjeta.estado-vencido{border-left:4px solid var(--peligro)}.tarjeta.estado-proximo{border-left:4px solid var(--alerta)}.tarjeta.estado-ok{border-left:4px solid var(--ok)}.tarjeta.estado-sin-registro{border-left:4px solid var(--borde)}.estado-general{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie);box-shadow:var(--sombra)}.estado-general strong{display:block;font-size:.9688rem}.estado-general small{font-size:.7812rem}.estado-general .estado-emoji{font-size:1.6875rem;line-height:1}.estado-general.vencido{background:var(--peligro-suave);border-color:transparent}.estado-general.vencido strong{color:var(--peligro)}.estado-general.proximo{background:var(--alerta-suave);border-color:transparent}.estado-general.proximo strong{color:var(--alerta)}.estado-general.ok{background:var(--ok-suave);border-color:transparent}.estado-general.ok strong{color:var(--ok)}.acciones-rapidas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.accion-rapida{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:10px 2px;font-size:.6562rem;font-weight:700;color:var(--texto);cursor:pointer;box-shadow:var(--sombra);line-height:1.15;text-align:center}.accion-rapida span:first-child{font-size:1.1875rem}.accion-rapida:active{transform:scale(.97)}.segmento{display:flex;gap:6px;background:var(--superficie-2);padding:4px;border-radius:12px}.segmento .chip{flex:1;text-align:center;border:0;background:0 0;padding:7px 4px;font-size:.7812rem}.segmento .chip.activo{background:var(--superficie);color:var(--texto);box-shadow:var(--sombra)}.detalle-item{margin-top:7px}.detalle-item summary{cursor:pointer;font-size:.7812rem;font-weight:650;color:var(--info);list-style:none}.detalle-item summary::-webkit-details-marker{display:none}.detalle-item summary::before{content:"▸ "}.detalle-item[open] summary::before{content:"▾ "}.detalle-item .fila-sub{margin-top:4px}.mes-titulo{display:flex;justify-content:space-between;align-items:baseline;margin:16px 4px 8px;font-size:.7812rem;font-weight:750;color:var(--texto-suave)}.mes-titulo span:last-child{font-weight:600}.paso-info{font-size:.7812rem;font-weight:700;color:var(--texto-suave);margin-bottom:6px}.paso-barra{height:6px;margin-bottom:14px}.paso-barra .barra-fill{background:var(--primario)}.vencido-fila .fila-titulo{font-size:.875rem}.vencido-fila .fila-sub{margin-top:1px}.vencido-fila .btn{padding:6px 9px}.tarjeta-item .linea-estado{margin-bottom:4px}.tarjeta-item .pieza-barra{margin-top:6px}.tarjeta-item .fila-cuerpo>.btn{margin-top:10px;width:100%}.hero-inicio .inicio-marca{display:flex;align-items:center;gap:12px}.inicio-logo{width:2.875em;height:2.875em;border-radius:.875em;flex:none;background:var(--primario-fuerte);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem}.hero-inicio .hero-titulo,.hero-inicio h1{font-size:1.375rem}.inicio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inicio-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:14px;box-shadow:var(--sombra);cursor:pointer;text-align:left;color:var(--texto)}.inicio-tile:active{transform:scale(.98)}.inicio-tile span:first-child{font-size:1.375rem;line-height:1.2}.inicio-tile b{font-size:.9062rem}.inicio-tile small{color:var(--texto-suave);font-size:.7188rem;line-height:1.3}.grafico{display:flex;gap:6px;align-items:flex-end;height:120px;padding-top:14px}.columna{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.columna-valor{font-size:.625rem;color:var(--texto-suave);height:12px;white-space:nowrap}.columna-barra{width:100%;flex:1;display:flex;align-items:flex-end}.columna-fill{width:100%;min-height:2px;border-radius:6px 6px 0 0;background:var(--primario)}.columna-fill.km{background:var(--info)}.columna-etiqueta{font-size:.625rem;color:var(--texto-suave);margin-top:4px}.bloqueado-preview{margin-top:10px;filter:blur(2.5px);opacity:.55;pointer-events:none}.afiliado{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--borde);text-decoration:none;color:var(--texto)}.afiliado:last-of-type{border-bottom:none}.afiliado-emoji{font-size:1.25rem;width:34px;height:34px;display:grid;place-items:center;background:var(--superficie-2);border-radius:10px;flex:none}.afiliado-cuerpo{flex:1;min-width:0;display:flex;flex-direction:column}.afiliado-cuerpo b{font-size:.875rem}.afiliado-cuerpo small{color:var(--texto-suave);font-size:.75rem}.afiliado-ir{color:var(--primario);font-weight:700;font-size:.8125rem;flex:none}.ficha-cab{display:flex;justify-content:space-between;margin-bottom:10px}.ficha-titulo{margin:16px 0 6px;font-size:.875rem}@media print{body{background:#fff!important;color:#000!important}#app>:not(#modal-host){display:none!important}.modal-fondo{position:static!important;display:block!important;background:0 0!important;padding:0!important}.modal{max-height:none!important;border-radius:0!important;box-shadow:none!important;max-width:100%!important;animation:none!important}.modal-cab .btn-icono,.modal-pie{display:none!important}.modal-cuerpo{overflow:visible!important;padding:0!important}.detalle-item{display:none!important}.ficha .tabla td,.ficha .tabla th{border-color:#ccc!important;color:#000!important}}