:root{--bg: #f6f7f9;--surface: #ffffff;--surface-alto: #f1f3f6;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--accent: #0f172a;--ok: #16a34a;--issue: #dc2626;--na: #94a3b8;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.layout{min-height:100vh}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.topbar strong{display:block}.tabs{display:flex;gap:4px;overflow-x:auto;padding:12px 0}.tab{background:transparent;border:1px solid var(--border);border-radius:999px;padding:7px 14px;color:var(--muted);cursor:pointer;white-space:nowrap}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}h1{font-size:24px;margin:0 0 4px}h2{font-size:17px;margin:24px 0 10px}h3{font-size:15px;margin:12px 0 4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.card.auth{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row>div:first-child{display:flex;flex-direction:column;min-width:0}.row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.stack{display:flex;flex-direction:column;gap:10px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}label.inline{flex-direction:row;align-items:center;gap:8px;color:var(--text)}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 10px;width:100%}input[type=checkbox]{width:auto}textarea{resize:vertical}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.wide{width:100%;margin-top:16px;padding:12px}button.link{border:none;background:none;color:var(--muted);padding:4px 2px;text-decoration:underline}button.link.danger,.danger{color:var(--issue)}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--issue);font-size:14px;margin:8px 0}.badge{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;margin-left:6px}.run-head{margin-top:8px}.run-head h2{margin:4px 0 0}.card.item{display:flex;flex-direction:column;gap:8px;border-left:4px solid var(--border)}.card.item.state-ok{border-left-color:var(--ok)}.card.item.state-issue{border-left-color:var(--issue)}.card.item.state-na{border-left-color:var(--na)}.item-head{display:flex;align-items:baseline;gap:4px}.item-actions{display:flex;gap:8px}.chip{flex:1;padding:9px 6px;font-size:14px}.chip-ok.active{background:var(--ok);border-color:var(--ok);color:#fff}.chip-issue.active{background:var(--issue);border-color:var(--issue);color:#fff}.chip-na.active{background:var(--na);border-color:var(--na);color:#fff}.draft-item{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px dashed var(--border);border-radius:10px}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--surface: #2b313b;--surface-alto: #343b47;--border: #434a57;--text: #e8edf6;--muted: #a3adbb;--accent: #3b82f6;color-scheme:dark}}.photos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.photo{position:relative;margin:0;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--border);display:grid;place-items:center;background:var(--bg)}.photo img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;line-height:1;border-radius:50%;background:#0009;color:#fff;border:none}.photo-add{width:72px;height:72px;border:1px dashed var(--border);border-radius:8px;display:grid;place-items:center;font-size:13px;color:var(--muted);cursor:pointer;text-align:center}.photo-add.busy{opacity:.6}.photo-add input{display:none}.doc-thumb{max-width:220px;border-radius:8px;border:1px solid var(--border)}.card.file-expired,.card.file-incomplete{border-left:4px solid var(--issue)}.card.file-expiring{border-left:4px solid #d97706}.card.file-complete{border-left:4px solid var(--ok)}.sync{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;margin-bottom:12px;font-size:13px;border:1px solid var(--border)}.sync>div{display:flex;flex-direction:column;min-width:0}.sync.ok{color:var(--muted);border-style:dashed}.sync.pending{border-color:#d97706;background:color-mix(in srgb,#d97706 10%,transparent)}.sync.offline{border-color:var(--issue);background:color-mix(in srgb,var(--issue) 10%,transparent)}.photo-pending{position:absolute;bottom:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#d97706;box-shadow:0 0 0 2px var(--surface)}.equipo{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:10px 0 0;font-size:13px}.equipo dt{color:var(--muted)}.equipo dd{margin:0;font-weight:600}.card.trip{border-left:4px solid var(--accent)}.filtros{margin-bottom:14px}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.paginacion{justify-content:center;margin-top:16px}.copiable{display:flex;align-items:center;gap:8px}.copiable code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.copiable code.token{letter-spacing:.02em}.copiable button{flex-shrink:0}code.muestra{display:block;overflow-x:auto;white-space:pre;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px}.tabs.sub{padding:0 0 12px}.tabs.sub .tab{font-size:13px;padding:5px 12px}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);padding:12px 16px}.menu-boton{display:none;border:none;background:none;font-size:20px;padding:0 8px 0 0;color:var(--text)}.cuerpo{display:flex;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;padding:16px}.lateral{flex:0 0 210px;position:sticky;top:72px;display:flex;flex-direction:column;gap:18px}.grupo{display:flex;flex-direction:column;gap:2px}.grupo-titulo{margin:0 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.enlace{text-align:left;border:none;background:none;border-radius:8px;padding:8px 10px;color:var(--text);font-size:14px}.enlace:hover{background:color-mix(in srgb,var(--muted) 12%,transparent)}.enlace.activo{background:var(--accent);color:#fff}.cuerpo>main{flex:1;min-width:0;padding-bottom:64px}.velo{display:none}@media (max-width: 760px){.menu-boton{display:block}.cuerpo{display:block;padding:12px}.lateral{display:none}.lateral.abierto{display:flex;position:fixed;top:0;left:0;bottom:0;z-index:40;width:230px;padding:16px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border)}.velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000059}}.barra-inferior{display:none}.sync.instalar{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}@media (max-width: 760px){.barra-inferior{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.barra-inferior .pestana{flex:1;border:none;background:none;border-radius:0;padding:14px 6px;font-size:14px;color:var(--muted)}.barra-inferior .pestana.activa{color:var(--accent);font-weight:600;box-shadow:inset 0 2px 0 var(--accent)}.cuerpo.con-barra>main{padding-bottom:80px}}.camara{display:flex;flex-direction:column;gap:10px;margin:10px 0}.visor{position:relative;aspect-ratio:4 / 3;max-height:260px;border-radius:12px;overflow:hidden;background:#000;display:grid;place-items:center}.visor video{width:100%;height:100%;object-fit:cover}.guia{position:absolute;width:26px;height:26px;border:3px solid rgba(255,255,255,.9)}.guia.arriba-izq{top:10px;left:10px;border-right:none;border-bottom:none;border-top-left-radius:6px}.guia.arriba-der{top:10px;right:10px;border-left:none;border-bottom:none;border-top-right-radius:6px}.guia.abajo-izq{bottom:10px;left:10px;border-right:none;border-top:none;border-bottom-left-radius:6px}.guia.abajo-der{bottom:10px;right:10px;border-left:none;border-top:none;border-bottom-right-radius:6px}.camara-respaldo{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px;text-align:center;color:#fff}.camara .error{margin:0}.camara-controles{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.camara-controles .estado{text-align:right}.obturador{width:66px;height:66px;padding:0;border-radius:50%;border:3px solid var(--accent);background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px var(--surface),0 0 0 7px color-mix(in srgb,var(--accent) 45%,transparent)}.obturador svg{width:30px;height:30px}.obturador:active:not(:disabled){transform:scale(.94)}.obturador:disabled{opacity:.6}.firma{display:flex;flex-direction:column;gap:10px;margin:10px 0}.firma h3{margin:0}.firma-lienzo{position:relative;display:grid;place-items:center;border:2px dashed var(--border);border-radius:12px;background:var(--surface);touch-action:none;overflow:hidden}.firma-lienzo canvas{touch-action:none;display:block}.firma-guia{position:absolute;pointer-events:none;color:var(--muted);font-size:15px}.firma-imagen{max-width:220px;max-height:90px;background:var(--surface);border-radius:8px}h2,h3{display:flex;align-items:center;gap:8px}h2{font-size:20px;font-weight:700;letter-spacing:-.01em}h3{font-size:16px;font-weight:650}.icono{width:20px;height:20px;flex:0 0 auto;color:var(--accent)}h3 .icono{width:17px;height:17px}.card>div>strong,.item-head strong,.row>div>strong{font-size:16px;font-weight:650;line-height:1.3}.card{background:var(--surface)}.firma-lienzo{background:#fff;border-color:#9aa3b0}.firma-guia{color:#8b95a3}.firma-imagen{background:#fff;padding:4px}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#080b10c7}.modal{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;background:var(--surface-alto);box-shadow:0 18px 48px #0000008c}.modal h2,.modal p{margin:0}.col-acciones{display:flex;flex-direction:column;align-items:stretch;gap:4px}.ruta-barra{height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin:10px 0 4px}.ruta-avance{height:100%;border-radius:999px;background:#2ea043;transition:width .4s ease}.ruta-avance.tarde{background:#d29922}.ruta-hitos{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}.hito{display:flex;align-items:center;gap:6px;font-size:13px}.hito-punto{width:9px;height:9px;border-radius:50%;background:var(--border);flex:none}.hito.hecho .hito-punto{background:#2ea043}.hito.actual .hito-punto{background:#2ea043;box-shadow:0 0 0 3px #2ea0434d}.hito.actual .hito-nombre{font-weight:700}.hito.omitido .hito-punto{background:#d29922}.hito.omitido .hito-nombre{text-decoration:line-through;opacity:.75}.hito.pendiente .hito-nombre{color:var(--muted)}.tablero-cifras{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.badge-alerta{border-color:#d29922;color:#e3b341}.mapa-caja{padding:0;overflow:hidden}.mapa{width:100%;height:280px}.mapa-caja p{padding:8px 12px 10px;margin:0}.leaflet-container{background:#161b27;font:inherit}@media (prefers-color-scheme: dark){.leaflet-tile{filter:brightness(.72) saturate(.6) contrast(1.08) hue-rotate(5deg)}}.leaflet-control-zoom a{background:#1e2535;color:#94a3b8;border-color:#2d3748}.leaflet-control-zoom a:hover{background:#2d3748;color:#e2e8f0}.leaflet-control-attribution{background:#161b27cc;color:#8b949e}.leaflet-control-attribution a{color:#8b949e}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#1e2535;color:#e2e8f0}.viaje-enfocable{cursor:pointer}.viaje-enfocable.enfocado{outline:2px solid #2ea043}@media (max-width: 600px){.mapa{height:220px}}.unidad-viva{display:flex;align-items:center;gap:4px;cursor:pointer;width:max-content}.unidad-flecha{font-size:19px;line-height:1;color:#2ea043;text-shadow:0 0 3px rgba(0,0,0,.9)}.unidad-nombre{font-size:12px;font-weight:650;color:#fff;background:#11151cd1;border-radius:6px;padding:1px 6px;white-space:nowrap}.unidad-viva.atenuada{opacity:.45}.tablero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}.tablero-mapa{position:sticky;top:72px}.tablero-mapa .mapa{height:calc(100vh - 280px);min-height:300px;max-height:520px}.tablero-mapa .mapa-caja{margin:0}@media (max-width: 900px){.tablero-grid{display:flex;flex-direction:column-reverse}.tablero-mapa{position:static}.tablero-mapa .mapa{height:240px;min-height:0}}.cuerpo.ancho{max-width:1500px}.mapa.cargando{display:grid;place-items:center;background:var(--surface-alto)}.card.viaje-enfocable.en-marcha{background:color-mix(in srgb,#2ea043 11%,var(--surface));border-color:color-mix(in srgb,#2ea043 34%,var(--border))}.card.viaje-enfocable.sin-arrancar{background:var(--surface)}.badge-marcha{border-color:color-mix(in srgb,#2ea043 55%,var(--border));color:#3fb950}.hoja-acciones{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hoja{background:#fff;color:#11151c;border-radius:10px;padding:22px 24px;font-size:13px;line-height:1.45}.hoja-encabezado{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid #11151c;padding-bottom:10px}.hoja h1{font-size:19px;margin:0;color:#11151c}.hoja-sub{margin:2px 0 0;color:#41505f}.hoja-org{display:flex;flex-direction:column;text-align:right;font-size:12px;color:#41505f}.hoja-org strong{color:#11151c;font-size:14px}.hoja-datos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px;margin:14px 0 16px}.hoja-datos dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b7a8c}.hoja-datos dd{margin:0;font-weight:650}.hoja-tabla{width:100%;border-collapse:collapse}.hoja-tabla th,.hoja-tabla td{border:1px solid #c8d0da;padding:5px 7px;text-align:left;vertical-align:top}.hoja-tabla th{background:#eef1f5;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.col-n{width:28px;text-align:center}.col-estado{width:86px}.col-hora{width:62px}.fila-hallazgo{background:#fdecec;font-weight:650}.hoja-resumen{margin:10px 0 18px;font-weight:650}.hoja-firmas{display:flex;flex-wrap:wrap;gap:28px;margin-top:26px}.hoja-firma{display:flex;flex-direction:column;min-width:210px;font-size:12px;color:#41505f}.hoja-linea{border-top:1px solid #11151c;margin-bottom:4px;margin-top:36px}.hoja-firma strong{color:#11151c}.hoja-aviso{font-size:12px;color:#8a6d1f;background:#fdf5e2;border-left:3px solid #d2a019;padding:6px 10px;margin:12px 0}.hoja-fotos h2{font-size:15px;margin:22px 0 4px;color:#11151c}.hoja-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.hoja-galeria figure{margin:0}.hoja-galeria img{width:100%;border:1px solid #c8d0da;border-radius:4px}.hoja-galeria figcaption{font-size:10px;color:#6b7a8c}.hoja-pie{margin-top:20px;padding-top:8px;border-top:1px solid #c8d0da;font-size:10px;color:#6b7a8c}@media print{.topbar,.lateral,.barra-inferior,.no-imprimir{display:none!important}.cuerpo,.cuerpo>main{display:block;max-width:none;padding:0}.hoja{border-radius:0;padding:0;font-size:11px}.hoja-tabla tr,.hoja-galeria figure,.hoja-firma{break-inside:avoid}.hoja-fotos{break-before:page}@page{margin:14mm}}.run-acciones{display:flex;align-items:center;justify-content:space-between;gap:12px}.sync-escritorio .sync{margin:0}.sync-movil{display:none}@media (max-width: 760px){.sync-escritorio{display:none}.sync-movil{display:block}}@media print{.sync,.sync-movil,.sync-escritorio{display:none!important}}.sync{align-items:center}.sync-icono{width:20px;height:20px;flex:0 0 auto}.sync-icono.ok{color:#2ea043}.sync-icono.pendiente{color:#d29922}.sync-icono.offline{color:#f85149}.card.viaje-enfocable.en-destino{background:color-mix(in srgb,#3b82f6 10%,var(--surface));border-color:color-mix(in srgb,#3b82f6 32%,var(--border))}.badge-destino{border-color:color-mix(in srgb,#3b82f6 55%,var(--border));color:#6ea8fe}.tarde{color:#d29922;font-weight:650}.aviso-tarde{color:#b8860b;background:color-mix(in srgb,#d29922 12%,transparent);border-left:3px solid #d29922;padding:6px 9px;border-radius:0 6px 6px 0;margin:6px 0}@media (prefers-color-scheme: dark){.aviso-tarde{color:#e3b341}}.lista-tramos{margin:4px 0 6px;padding-left:18px}.lista-tramos li{margin-bottom:3px}