:root{--bg:#ebf0ee;--surface:#fcfdfc;--surface2:#dde6e2;--ink:#12272a;--ink2:#46595c;--line:#c6d3cf;--accent:#0d5b59;--accent-ink:#f7fbfa;--done:#1c9467;--todo:#d4920f;--transit:#2d6bcb;--alert:#c2382e;--alert-bg:#b3281f;--map:#e3eae6;--road:#fcfdfc;--roadline:#9fb1aa;--zoneline:#0d5b59;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--radio:10px;--sombra:0 1px 2px #12272a14, 0 4px 16px #12272a14;--toque:48px;--sale:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1517;--surface:#132023;--surface2:#1c2e32;--ink:#e4eeeb;--ink2:#9bb0ad;--line:#2a3e42;--accent:#4cc9bc;--accent-ink:#062220;--done:#3bcb92;--todo:#f2b53f;--transit:#6aa3ff;--alert:#ff7468;--alert-bg:#b3281f;--map:#0f1b1e;--road:#223539;--roadline:#4a6266;--zoneline:#4cc9bc;--sombra:0 1px 2px #0006, 0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c1517;--surface:#132023;--surface2:#1c2e32;--ink:#e4eeeb;--ink2:#9bb0ad;--line:#2a3e42;--accent:#4cc9bc;--accent-ink:#062220;--done:#3bcb92;--todo:#f2b53f;--transit:#6aa3ff;--alert:#ff7468;--alert-bg:#b3281f;--map:#0f1b1e;--road:#223539;--roadline:#4a6266;--zoneline:#4cc9bc;--sombra:0 1px 2px #0006, 0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-weight:700;line-height:1}h1{letter-spacing:.01em;font-size:34px}h2{letter-spacing:.03em;font-size:22px}h3{letter-spacing:.04em;font-size:18px}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.oculto-visual{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.tenue{color:var(--ink2)}.pequeno{font-size:13px}.btn{appearance:none;min-height:var(--toque);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 15px var(--font-body);cursor:pointer;touch-action:manipulation;transition:transform .12s var(--sale), background-color .15s var(--sale);-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--surface2) 55%, var(--surface))}.btn:disabled{opacity:.5;cursor:default}.btn.primario{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primario:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.btn.peligro{color:var(--alert);border-color:color-mix(in srgb, var(--alert) 45%, var(--line))}.btn.peligro.lleno{background:var(--alert-bg);border-color:var(--alert-bg);color:#fdf6f5}.btn.fantasma{background:0 0;border-color:#0000}.btn.ancho{width:100%}.btn.chico{min-height:36px;padding:0 12px;font-size:14px}.btn .cargando{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.campo{gap:6px;display:grid}.campo>span{color:var(--ink2);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.campo input,.campo select,.campo textarea{min-height:var(--toque);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:16px var(--font-body);border-radius:8px;width:100%;padding:10px 12px}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.campo .ayuda,.campo>span.ayuda{color:var(--ink2);text-transform:none;letter-spacing:0;font-size:13px;font-weight:400}.campo [aria-invalid=true]{border-color:var(--alert)}.error-campo{color:var(--alert);font-size:14px}.fila-campos{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radio);min-width:0;padding:16px}.chip{font:700 11px var(--font-body);letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:var(--surface2);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.chip.ok,.chip.fumigar{background:color-mix(in srgb, var(--done) 22%, var(--surface));border-color:color-mix(in srgb, var(--done) 60%, var(--line))}.chip.transito{background:color-mix(in srgb, var(--transit) 20%, var(--surface));border-color:color-mix(in srgb, var(--transit) 60%, var(--line))}.chip.medio{background:color-mix(in srgb, var(--todo) 22%, var(--surface));border-color:color-mix(in srgb, var(--todo) 60%, var(--line))}.chip.alerta{background:color-mix(in srgb, var(--alert) 18%, var(--surface));border-color:color-mix(in srgb, var(--alert) 55%, var(--line))}.aviso{border-radius:var(--radio);border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;display:flex}.aviso.ok{background:color-mix(in srgb, var(--done) 14%, var(--surface));border-color:color-mix(in srgb, var(--done) 45%, var(--line))}.aviso.atencion{background:color-mix(in srgb, var(--todo) 16%, var(--surface));border-color:color-mix(in srgb, var(--todo) 50%, var(--line))}.aviso.error{background:color-mix(in srgb, var(--alert) 12%, var(--surface));border-color:color-mix(in srgb, var(--alert) 45%, var(--line))}.aviso.info{background:color-mix(in srgb, var(--transit) 10%, var(--surface));border-color:color-mix(in srgb, var(--transit) 40%, var(--line))}.aviso .acciones{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.banner{border-radius:var(--radio);border:1px solid var(--line);background:var(--surface);transition:background-color .2s var(--sale);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.banner[data-estado=ok],.banner[data-estado=done]{background:color-mix(in srgb, var(--done) 16%, var(--surface));border-color:color-mix(in srgb, var(--done) 50%, var(--line))}.banner[data-estado=transit]{background:color-mix(in srgb, var(--transit) 15%, var(--surface));border-color:color-mix(in srgb, var(--transit) 50%, var(--line))}.banner[data-estado=warn]{background:color-mix(in srgb, var(--todo) 20%, var(--surface));border-color:color-mix(in srgb, var(--todo) 55%, var(--line))}.banner[data-estado=alert]{background:var(--alert-bg);border-color:var(--alert-bg);color:#fdf6f5}.banner .b-titulo{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:24px;font-weight:700;line-height:1.05}.banner .b-detalle{margin-top:2px;font-size:15px}.banner .b-ico{flex-shrink:0;width:22px;height:22px;margin-top:2px}.barra{background:var(--surface2);border-radius:5px;height:10px;overflow:hidden}.barra>i{background:var(--done);height:100%;transition:width .4s var(--sale);display:block}.cifras{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;display:grid}.cifras dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);font-size:12px}.cifras dd{font:700 26px/1.1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}@media (width>=720px){.cifras.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}}.lista{margin:0;padding:0;list-style:none}.lista>li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.lista>li:first-child{border-top:0}.lista .principal{flex:1;min-width:0}.lista .principal strong{overflow-wrap:anywhere;display:block}.lista a.fila{color:inherit;min-height:var(--toque);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.tabla-envoltura{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px}thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);white-space:nowrap;font-size:12px;font-weight:700}tbody th{font-weight:700}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.segmentado{border:1px solid var(--line);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.segmentado button{appearance:none;color:var(--ink2);font:700 14px var(--font-body);cursor:pointer;background:0 0;border:0;min-height:40px;padding:0 12px}.segmentado button+button{border-left:1px solid var(--line)}.segmentado button[aria-pressed=true],.segmentado button[aria-checked=true]{background:var(--surface2);color:var(--ink)}.leyenda{color:var(--ink2);flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.leyenda li{align-items:center;gap:6px;display:flex}.leyenda i{border-top-style:solid;border-top-width:5px;width:26px;height:0;display:inline-block}.leyenda .l-pend{border-top:5px dashed var(--todo)}.leyenda .l-hecha{border-top-color:var(--done)}.leyenda .l-trans{border-top:4px dotted var(--transit)}.leyenda .l-fuera{border-top-color:var(--roadline)}.leyenda .l-inal{border-top:5px dashed var(--alert)}.mapa{border-radius:var(--radio);border:1px solid var(--line);background:var(--map);width:100%;min-height:280px;position:relative;overflow:hidden}.mapa.alerta{outline:4px solid var(--alert);outline-offset:-4px}.mapa .maplibregl-ctrl-attrib{font-size:11px}.marcador-unidad{width:28px;height:28px;color:var(--ink);position:relative}.marcador-unidad[data-estado=spray]{color:var(--done)}.marcador-unidad[data-estado=transit]{color:var(--transit)}.marcador-unidad[data-estado=alert]{color:var(--alert)}.mu-cuerpo{fill:currentColor;stroke:var(--surface);stroke-width:3px}.mu-flecha{fill:var(--surface)}.mu-pulso{opacity:0;background:currentColor;border-radius:50%;position:absolute;inset:-6px}.marcador-unidad.vivo .mu-pulso{animation:1.6s ease-out infinite pulso}@keyframes pulso{0%{opacity:.35;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}.mu-etiqueta{font:700 12px var(--font-body);background:var(--surface);color:var(--ink);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:1px 6px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.vertice{background:var(--surface);border:3px solid var(--zoneline);cursor:grab;touch-action:none;border-radius:50%;width:18px;height:18px}.vertice.primero{background:var(--zoneline)}.app-oficina{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.barra-superior{z-index:10;padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex;position:sticky;top:0}@media (prefers-reduced-transparency:reduce){.barra-superior{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.marca{font:700 24px/1 var(--font-display);text-transform:uppercase;color:var(--ink);letter-spacing:.02em;align-items:center;gap:8px;text-decoration:none;display:flex}.marca svg{width:26px;height:26px}.navegacion{flex:1;gap:2px;display:flex;overflow-x:auto}.navegacion a{color:var(--ink2);white-space:nowrap;border-radius:6px;align-items:center;min-height:40px;padding:10px 12px;font-weight:700;text-decoration:none;display:inline-flex}.navegacion a[aria-current=page]{color:var(--ink);background:var(--surface2)}.usuario{color:var(--ink2);align-items:center;gap:8px;font-size:14px;display:flex}.contenido{width:100%;max-width:1240px;padding:20px max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left));align-content:start;gap:18px;margin:0 auto;display:grid}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.encabezado .sub{color:var(--ink2);margin-top:6px}.dos-columnas{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.dos-columnas{grid-template-columns:minmax(0,1fr)}}.pila{gap:12px;min-width:0;display:grid}.pasos-editor{counter-reset:paso;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pasos-editor li{counter-increment:paso}.pasos-editor button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font:700 14px var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 8px;display:inline-flex}.pasos-editor button:before{content:counter(paso);background:var(--surface2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:inline-grid}.pasos-editor button[aria-current=step]{color:var(--ink);border-color:var(--accent)}.pasos-editor button[aria-current=step]:before{background:var(--accent);color:var(--accent-ink)}.pasos-editor button.hecho:before{content:"✓";background:color-mix(in srgb, var(--done) 30%, var(--surface))}.vacio{text-align:center;color:var(--ink2);justify-items:center;gap:12px;padding:32px 16px;display:grid}.vacio h3{color:var(--ink)}.app-unidad{background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.app-unidad .cabeza{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));gap:8px;display:grid}.app-unidad .mapa{border-left:0;border-right:0;border-radius:0;height:100%;min-height:0}.panel-unidad{background:var(--surface);border-top:1px solid var(--line);padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));gap:10px;display:grid;box-shadow:0 -6px 24px #12272a14}.nav-fila{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-dist{font:700 40px/1 var(--font-display);font-variant-numeric:tabular-nums}.nav-principal{font:700 26px/1.1 var(--font-display);overflow-wrap:anywhere}.nav-luego{color:var(--ink2);font-size:14px}.controles-unidad{grid-template-columns:1fr auto;align-items:stretch;gap:10px;display:grid}.btn-pulverizar{appearance:none;border:2px solid var(--line);background:var(--surface2);min-height:72px;color:var(--ink);font:700 26px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;transition:transform .12s var(--sale), background-color .16s var(--sale);-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:12px;display:flex}.btn-pulverizar:active{transform:scale(.98)}.btn-pulverizar[aria-pressed=true]{background:var(--done);border-color:var(--done);color:#f4fbf8}.btn-pulverizar .luz{background:var(--ink2);width:16px;height:16px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ink2) 20%, transparent);border-radius:50%}.btn-pulverizar[aria-pressed=true] .luz{background:#f4fbf8;box-shadow:0 0 0 4px #f4fbf859}.estado-gps{color:var(--ink2);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.estado-gps span{align-items:center;gap:5px;display:inline-flex}.punto{background:var(--ink2);border-radius:50%;width:9px;height:9px;display:inline-block}.punto.ok{background:var(--done)}.punto.medio{background:var(--todo)}.punto.mal{background:var(--alert)}.hoja{overscroll-behavior:contain;gap:10px;max-height:46dvh;display:grid;overflow-y:auto}.acceso{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.acceso .caja{gap:18px;width:100%;max-width:420px;display:grid}.acceso .marca{font-size:40px}.acceso .marca svg{width:40px;height:40px}.informe{gap:16px;max-width:1100px;margin:0 auto;padding:20px 16px 48px;display:grid}.meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;display:grid}.meta dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);font-size:12px}.meta dd{overflow-wrap:anywhere;margin:0;font-weight:700}.pie-informe{color:var(--ink2);font-size:12px}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#fff}.no-imprimir,.maplibregl-ctrl-top-right{display:none!important}.informe{max-width:none;padding:0}.tarjeta,.mapa{break-inside:avoid}.mapa{height:520px!important}}.notificaciones{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;gap:8px;width:min(440px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.notificacion{background:var(--ink);color:var(--bg);box-shadow:var(--sombra);animation:entrar .22s var(--sale);border-radius:10px;padding:12px 16px;font-size:15px}.notificacion.error{background:var(--alert-bg);color:#fdf6f5}@keyframes entrar{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.marcador-unidad.vivo .mu-pulso{opacity:.2}}