:root{--white:#FFFFFF;--fondo:#FFFFFF;--superficie:#F7F9FC;--superficie-2:#EEF3F9;--border:#E3E8EF;--border-soft:#EFF3F8;--text-1:#0B2137;--text-2:#5B6B7C;--ui:#7C8CA0;--blue-500:#0F7AB0;--blue-450:#0E6FA0;--blue-050:rgba(15,122,176,.08);--ok:#17835A;--warn:#A9741C;--err:#C0392F;--sans:"IBM Plex Sans",-apple-system,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--r-field:8px;--r-card:12px;--navy-800:var(--fondo);--navy-700:var(--white);--navy-600:var(--superficie)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fondo);color:var(--text-1)}body{font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--blue-450);text-decoration:none}a:hover{text-decoration:underline}.overline{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ui)}h1{font-size:26px;line-height:1.2;margin:0 0 8px}h1,h2{letter-spacing:-.02em;font-weight:600;color:var(--text-1)}h2{font-size:20px;line-height:1.3;margin:0 0 12px}h3{font-size:15px;margin:0 0 8px;font-weight:600;color:var(--text-1)}p{margin:0 0 12px;color:var(--text-2)}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{background:var(--superficie);border-right:1px solid var(--border);padding:22px 0}.side .brand{padding:0 20px 18px;border-bottom:1px solid var(--border);margin-bottom:14px}.side .brand img{height:26px;width:auto;display:block}.side nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.side .grupo{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui);padding:16px 12px 6px}.side nav a{display:block;padding:9px 12px;border-radius:var(--r-field);color:var(--text-2);font-size:14px}.side nav a:hover{background:var(--superficie-2);color:var(--text-1);text-decoration:none}.side nav a.on{background:var(--blue-050);color:var(--blue-500);font-weight:500}.side .who{margin-top:auto;padding:16px 20px;font-size:12px;color:var(--ui)}main{padding:28px 32px 64px;max-width:1180px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-card);padding:20px;box-shadow:0 1px 2px rgba(11,33,55,.04)}.grid{display:grid;grid-gap:16px;gap:16px}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.cols-2,.cols-3,.cols-4,.shell{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:14px}th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;text-align:left;background:var(--superficie);border-bottom:1px solid var(--border);font-weight:500}td,th{color:var(--text-2);padding:12px 14px}td{border-bottom:1px solid var(--border-soft);vertical-align:top}tbody tr:hover td{background:var(--superficie)}.tablewrap{border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;background:var(--white)}.chip{display:inline-block;font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:var(--r-field);border:1px solid transparent;white-space:nowrap;color:var(--text-2);background:var(--superficie);border-color:var(--border)}.chip.critica{color:var(--err);background:#FDEDEC;border-color:#F3C6C2}.chip.alta{color:var(--warn);background:#FDF5E7;border-color:#F0DDB6}.chip.normal{color:var(--blue-500);background:var(--blue-050);border-color:#BFDDEC}.chip.baja{color:var(--ui);background:var(--superficie);border-color:var(--border)}.chip.ok{color:var(--ok);background:#EAF7F1;border-color:#BFE5D4}label{display:block;font-size:13px;font-weight:500;margin:0 0 6px;color:var(--text-1)}input,select,textarea{width:100%;padding:11px 12px;font-family:var(--sans);font-size:15px;background:var(--superficie);color:var(--text-1);border:1px solid var(--border);border-radius:var(--r-field)}input::placeholder,textarea::placeholder{color:var(--ui)}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue-500);outline-offset:1px;border-color:var(--blue-500);background:var(--white)}.field{margin-bottom:16px}.hint{font-size:12px;color:var(--ui);margin-top:6px}button{font-family:var(--sans);font-size:15px;font-weight:500;padding:11px 18px;border-radius:var(--r-field);border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--blue-500);color:var(--white)}.btn-primary:hover{background:#0d6a99}.btn-secondary{background:var(--white);color:var(--text-2);border-color:var(--border)}.btn-secondary:hover{color:var(--text-1);border-color:var(--ui)}.btn-danger{background:var(--white);color:var(--err);border-color:#F3C6C2}.btn-danger:hover{background:#FDEDEC}button:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 14px;border-radius:var(--r-field);font-size:14px;margin-bottom:16px}.alert-err{background:#FDEDEC;border:1px solid #f3c6c2;color:#A32F27}.alert-warn{background:#FDF5E7;border:1px solid #f0ddb6;color:#8A6318}.alert-ok{background:#EAF7F1;border:1px solid #bfe5d4;color:#14684A}.mapa-fondo{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;display:grid;place-items:center}.mapa-fondo svg{width:100%;max-width:1400px;height:auto;display:block}.mapa-tierra{fill:var(--blue-500);fill-opacity:.07}.mapa-ruta{fill:none;stroke:var(--blue-500);stroke-opacity:.22;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:4 6}.mapa-ciudad{fill:var(--blue-500);fill-opacity:.55}.mapa-latido{fill:var(--blue-500);fill-opacity:.18;transform-origin:center;animation:latido 3.4s ease-out infinite;transform-box:fill-box}.mapa-envio{fill:var(--blue-500);filter:drop-shadow(0 0 4px rgba(15,122,176,.45))}@keyframes latido{0%{transform:scale(1);opacity:.45}70%{transform:scale(3.4);opacity:0}to{transform:scale(3.4);opacity:0}}@media (prefers-reduced-motion:reduce){.mapa-envio,.mapa-latido{display:none}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--white)}.login-brand{display:block;height:40px;width:auto;margin:0 auto 26px}.login-card{width:100%;max-width:408px;padding:0;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:var(--white);box-shadow:0 1px 2px rgba(11,33,55,.05),0 18px 48px -12px rgba(11,33,55,.18)}.login-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--blue-500),#4FB4E8)}.login-body{padding:30px 32px 26px}.login-card h1{font-size:23px;margin:0 0 6px}.login-card .overline{display:block;margin-bottom:14px}.login-card .field{margin-bottom:18px}.login-card label{font-size:12.5px;letter-spacing:.01em}.login-card input{padding:13px 14px;border-radius:10px;font-size:15px}.login-card .btn-primary{width:100%;padding:13px 18px;border-radius:10px;font-size:15.5px;margin-top:4px}.login-pie{border-top:1px solid var(--border-soft);background:var(--superficie);padding:14px 32px;font-size:12px;color:var(--ui);line-height:1.5}.login-demo{margin:0 0 18px;padding:10px 12px;border-radius:10px;background:#FDF5E7;border:1px solid #f0ddb6;color:#8A6318;font-size:12.5px}.mono{font-family:var(--mono)}.kv{display:grid;grid-template-columns:150px 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:14px}.kv dt{color:var(--ui);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-top:3px}.kv dd{margin:0;color:var(--text-2)}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:10px 0 10px 16px;border-left:2px solid var(--border);position:relative;font-size:13px;color:var(--text-2)}.timeline li:before{content:"";position:absolute;left:-5px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--blue-500)}.doc-foto{max-width:100%;border-radius:var(--r-card);border:1px solid var(--border);background:var(--superficie);display:block}