: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:252px 1fr;min-height:100vh;transition:grid-template-columns .26s cubic-bezier(.4,0,.2,1)}.shell.plegado{grid-template-columns:76px 1fr}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0B2137,#08182A 60%,#061321);color:#C7D3E0;overflow:hidden}.side:after{content:"";position:absolute;inset:auto 0 0 0;height:220px;pointer-events:none;background:radial-gradient(60% 80% at 30% 100%,rgba(15,122,176,.28),transparent 70%)}.side .brand{justify-content:space-between;gap:8px;padding:18px 16px 16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.side .brand,.side .marca{display:flex;align-items:center}.side .marca{gap:10px;min-width:0}.side .marca-g{width:34px;height:34px;border-radius:10px;background:#fff;display:none;align-items:center;justify-content:center;flex:none;box-shadow:0 6px 16px rgba(0,0,0,.25)}.side .marca-g img{width:22px;height:22px}.side .marca-logo{height:24px;width:auto;display:block}.side .plegar{background:rgba(255,255,255,.06);color:#C7D3E0;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .18s,transform .18s}.side .plegar:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateX(-1px)}.shell.plegado .side .plegar:hover{transform:translateX(1px)}.side nav{display:flex;flex-direction:column;gap:6px;padding:14px 12px;overflow-y:auto;flex:1 1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.side .grupo{border-radius:12px}.side .grupo-cabecera{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:10px 12px;border-radius:10px;color:#8FA3B8;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s}.side .grupo-cabecera:hover{background:rgba(255,255,255,.06);color:#fff}.side .grupo.activo .grupo-cabecera{color:#E6EEF6}.side .grupo-cabecera .icono{width:22px;display:inline-flex;justify-content:center;flex:none;color:#5FA8D3}.side .grupo-cabecera .texto{flex:1 1;text-align:left;white-space:nowrap}.side .grupo-cabecera .chevron{display:inline-flex;transition:transform .26s cubic-bezier(.4,0,.2,1);opacity:.7}.side .grupo.abierto .grupo-cabecera .chevron{transform:rotate(180deg)}.side .grupo-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1)}.side .grupo.abierto .grupo-items{grid-template-rows:1fr}.side .grupo-items>div{overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:0 0 0 6px}.side .item{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 14px;border-radius:10px;color:#B7C6D6;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,transform .18s}.side .item:before{content:"";position:absolute;left:0;top:50%;height:0;width:3px;border-radius:3px;background:#5FA8D3;transform:translateY(-50%);transition:height .22s cubic-bezier(.4,0,.2,1)}.side .item .icono{width:22px;display:inline-flex;justify-content:center;flex:none;opacity:.8;transition:opacity .18s}.side .item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px);text-decoration:none}.side .item:hover .icono{opacity:1}.side .item.on{background:rgba(15,122,176,.22);color:#fff;font-weight:500}.side .item.on:before{height:60%}.side .item.on .icono{opacity:1;color:#7CC4EA}.side .who{position:relative;display:flex;align-items:center;gap:10px;padding:14px 14px 16px 16px;border-top:1px solid rgba(255,255,255,.08)}.side .avatar{width:36px;height:36px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0F7AB0,#5FA8D3);color:#fff;font-weight:600;font-size:13px;letter-spacing:.04em;text-decoration:none;box-shadow:0 4px 12px rgba(15,122,176,.35)}.side .who-texto{min-width:0;flex:1 1;text-decoration:none}.side .who .nombre{color:#fff;font-size:13px;font-weight:500}.side .who .nombre,.side .who .rol{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side .who .rol{color:#8FA3B8;font-size:11px}.side .salir{color:#8FA3B8;display:inline-flex;padding:6px;border-radius:8px;flex:none;transition:background .18s,color .18s}.side .salir:hover{background:rgba(192,57,47,.25);color:#FFB4AD}.shell.plegado .side .chevron,.shell.plegado .side .marca-logo,.shell.plegado .side .salir,.shell.plegado .side .texto,.shell.plegado .side .who-texto{display:none}.shell.plegado .side .marca-g{display:inline-flex}.shell.plegado .side .brand{flex-direction:column;padding:16px 0 14px;gap:10px}.shell.plegado .side nav{padding:12px 10px}.shell.plegado .side .grupo-cabecera{justify-content:center;padding:10px 0}.shell.plegado .side .grupo-items{grid-template-rows:1fr}.shell.plegado .side .grupo-items>div{padding:0}.shell.plegado .side .item{justify-content:center;padding:10px 0}.shell.plegado .side .who{justify-content:center;padding:14px 0}main.contenido{padding:28px 36px 64px;max-width:1180px;animation:pagina-entra .28s cubic-bezier(.2,.7,.2,1)}@keyframes pagina-entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.barra-movil,.velo{display:none}@media (max-width:900px){.shell,.shell.plegado{grid-template-columns:1fr}.barra-movil{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#08182A;position:-webkit-sticky;position:sticky;top:0;z-index:30}.barra-movil img{filter:brightness(0) invert(1)}.hamburguesa{background:rgba(255,255,255,.08);color:#fff;border:0;border-radius:8px;padding:8px;display:inline-flex}.side{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:50;transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:0 0 60px rgba(0,0,0,.4)}.shell.movil-abierto .side{transform:none}.shell.plegado .side .chevron,.shell.plegado .side .marca-logo,.shell.plegado .side .salir,.shell.plegado .side .texto,.shell.plegado .side .who-texto{display:revert}.shell.plegado .side .marca-g,.shell.plegado .side .plegar{display:none}.velo{display:block;position:fixed;inset:0;background:rgba(11,33,55,.55);z-index:40}main.contenido{padding:20px 16px 48px}}.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}.nota{font-size:13px;line-height:1.5;color:var(--text-2)}.dialogo-fondo{position:fixed;inset:0;background:rgba(11,33,55,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:dialogo-aparece .15s ease-out}.dialogo{background:var(--white);border-radius:16px;width:min(520px,100%);padding:0 24px 22px;box-shadow:0 24px 60px rgba(11,33,55,.35);overflow:hidden;animation:dialogo-sube .18s ease-out}.dialogo-franja{height:5px;margin:0 -24px 18px;background:linear-gradient(90deg,#0B2137,var(--blue-500))}.dialogo-franja.peligro{background:linear-gradient(90deg,#7A1F17,var(--err))}.dialogo h2{margin:0 0 8px;font-size:20px;color:var(--text-1)}.dialogo-texto{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--text-2)}.dialogo-campo{display:grid;grid-gap:6px;gap:6px;margin-bottom:18px}.dialogo-campo>span:first-child{font-size:13px;font-weight:500;color:var(--text-1)}.dialogo-campo .hint{margin:0}.dialogo-campo .hint.falta{color:var(--warn)}.dialogo-botones{display:flex;justify-content:flex-end;gap:10px}.btn-peligro{background:var(--err);color:var(--white);border-color:var(--err)}.btn-peligro:hover{background:#A32F27}@keyframes dialogo-aparece{0%{opacity:0}to{opacity:1}}@keyframes dialogo-sube{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}