:root{--tinta:#0E2A32;--tinta-2:#1C4653;--papel:#F4F7F7;--blanco:#FFFFFF;--linea:#DCE5E6;--texto:#22383E;--texto-2:#5E7379;--fibra:#0FA38F;--fibra-suave:#E2F4F1;--ambar:#D98E1F;--ambar-suave:#FBF0DC;--rojo:#C24A33;--radio:10px;--sombra:0 1px 2px rgba(14,42,50,.06),0 8px 24px rgba(14,42,50,.07);--mono:"IBM Plex Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px}body{font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--papel);color:var(--texto);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none}input{font:inherit}:focus-visible{outline:2px solid var(--fibra);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.topbar{background:var(--tinta);color:#dcebea;display:flex;align-items:center;gap:20px;padding:0 20px;height:56px;position:sticky;top:0;z-index:50}.logo{font-family:Sora;font-weight:700;font-size:1.05rem;color:#fff;display:flex;align-items:center;gap:10px}.spacer{flex:1}.usuario{font-size:.85rem;color:#9fbbbc}.btn{background:var(--tinta);color:#fff;padding:9px 15px;border-radius:8px;font-weight:500;font-size:.9rem;transition:background .15s}.btn:hover{background:var(--tinta-2)}.btn.suave{background:var(--blanco);color:var(--tinta);border:1px solid var(--linea)}.btn.suave:hover{background:var(--papel)}.btn:disabled{opacity:.55;cursor:default}.contenido{max-width:1100px;margin:0 auto;padding:32px 20px 64px}h1{font-family:Sora;font-weight:600;font-size:1.55rem;color:var(--tinta)}.sub{color:var(--texto-2);margin-top:4px;font-size:.95rem}.seccion{font-family:Sora;font-weight:600;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--texto-2);margin:34px 0 14px}.riel{display:grid;gap:10px}.tarea{background:var(--blanco);border:1px solid var(--linea);border-left:3px solid var(--ambar);border-radius:var(--radio);padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:var(--sombra)}.tarea .cuerpo{flex:1}.tarea .titulo{font-weight:600;font-size:.97rem}.tarea .detalle{color:var(--texto-2);font-size:.86rem;margin-top:2px}.regla{font-family:var(--mono);font-size:.72rem;color:var(--texto-2);background:var(--papel);border:1px solid var(--linea);padding:2px 7px;border-radius:20px;white-space:nowrap}.vence{font-family:var(--mono);font-size:.75rem;color:var(--ambar)}.grid-modulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.modulo{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:18px;text-align:left;box-shadow:var(--sombra);transition:transform .15s,border-color .15s}.modulo:hover{transform:translateY(-2px);border-color:var(--fibra)}.modulo h3{font-family:Sora;font-size:1rem;font-weight:600;color:var(--tinta)}.modulo p{color:var(--texto-2);font-size:.84rem;margin-top:4px;line-height:1.45}.login-marco{min-height:100vh;display:grid;place-items:center;padding:20px}.login-caja{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);padding:34px;width:100%;max-width:380px}.login-caja h1{font-size:1.3rem;margin-bottom:4px}.campo{margin-top:16px}.campo label{display:block;font-size:.82rem;font-weight:500;color:var(--texto-2);margin-bottom:6px}.campo input{width:100%;padding:11px 12px;border:1.5px solid var(--linea);border-radius:9px;background:var(--papel)}.campo input:focus{border-color:var(--fibra);outline:none;background:var(--blanco)}.error{margin-top:12px;color:var(--rojo);font-size:.85rem}.vacio{color:var(--texto-2);font-size:.9rem;background:var(--blanco);border:1px dashed var(--linea);border-radius:var(--radio);padding:18px;text-align:center}.chip{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;display:inline-block}.chip.ok{background:var(--fibra-suave);color:#0b7a6b}.chip.info{background:#e4eef5;color:#2c6e91}.chip.alerta{background:var(--ambar-suave);color:#9c6410}.chip.riesgo{background:#f7e4df;color:#9c3a28}.chip.neutro{background:var(--papel);color:var(--texto-2);border:1px solid var(--linea)}.tabla{width:100%;border-collapse:collapse;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}.tabla th{font-family:Sora;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2);text-align:left;padding:11px 14px;border-bottom:1px solid var(--linea);background:var(--papel)}.tabla td{padding:12px 14px;border-bottom:1px solid var(--linea);font-size:.92rem}.tabla tr:last-child td{border-bottom:none}.tabla tr.link{cursor:pointer}.tabla tr.link:hover td{background:var(--fibra-suave)}.panel{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:18px;box-shadow:var(--sombra)}.panel h3{font-family:Sora;font-size:.95rem;font-weight:600;color:var(--tinta);margin-bottom:12px}.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.dos-col{grid-template-columns:1fr}}.timeline{display:grid;gap:0}.t-item{border-left:2px solid var(--linea);padding:0 0 14px 14px;position:relative;font-size:.9rem}.t-item:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--fibra);position:absolute;left:-5.5px;top:4px}.t-item .cuando{font-family:var(--mono);font-size:.72rem;color:var(--texto-2)}.buscador{position:relative;flex:1;max-width:430px}.buscador input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #2E5560;background:#123641;color:#e7f1f1;font-size:.88rem}.buscador input::placeholder{color:#7fa0a4}.buscador .resultados{position:absolute;top:42px;left:0;right:0;background:var(--blanco);border:1px solid var(--linea);border-radius:10px;box-shadow:var(--sombra);max-height:60vh;overflow:auto;z-index:60}.buscador .grupo{font-family:Sora;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2);padding:10px 14px 4px}.buscador .item{display:block;width:100%;text-align:left;padding:9px 14px;border-bottom:1px solid var(--papel);color:var(--texto)}.buscador .item:hover{background:var(--fibra-suave)}.buscador .item .d{color:var(--texto-2);font-size:.8rem}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a3273;display:grid;place-items:center;z-index:100;padding:16px}.modal{background:var(--blanco);border-radius:14px;box-shadow:var(--sombra);padding:26px;width:100%;max-width:560px;max-height:92vh;overflow:auto}.modal h2{font-family:Sora;font-size:1.15rem;color:var(--tinta);margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.acciones{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.nav-links{display:flex;gap:4px}.nav-links a{color:#b9cfcf;text-decoration:none;font-size:.9rem;padding:6px 10px;border-radius:7px}.nav-links a.router-link-active{background:#123641;color:#fff}select{font:inherit;width:100%;padding:11px 12px;border:1.5px solid var(--linea);border-radius:9px;background:var(--papel)}.kanban{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 20px;align-items:flex-start}.kanban::-webkit-scrollbar{height:8px}.kanban::-webkit-scrollbar-thumb{background:var(--linea);border-radius:8px}.columna{background:#edf2f2;border:1px solid var(--linea);border-radius:12px;min-width:270px;max-width:270px;flex:0 0 auto;display:flex;flex-direction:column;max-height:calc(100vh - 220px)}.columna.ganada{background:var(--fibra-suave)}.columna.perdida{background:#f7ece9}.columna-cab{padding:12px 14px;font-family:Sora;font-weight:600;font-size:.85rem;color:var(--tinta);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linea)}.columna-cab .n{background:var(--blanco);border:1px solid var(--linea);border-radius:20px;font-size:.72rem;padding:1px 9px;color:var(--texto-2)}.columna-cuerpo{padding:10px;overflow-y:auto;display:grid;gap:8px;flex:1}.card{background:var(--blanco);border:1px solid var(--linea);border-radius:9px;padding:11px 12px;box-shadow:var(--sombra);cursor:grab}.card:active{cursor:grabbing}.card.drag{opacity:.4}.card .n{font-weight:600;font-size:.9rem}.card .m{color:var(--texto-2);font-size:.8rem;margin-top:3px}.card .b{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}.columna.drop-activa{outline:2px dashed var(--fibra);outline-offset:-4px}.selector-embudo{display:flex;gap:8px;align-items:center;margin:10px 0 16px}.toggle-vista{display:inline-flex;border:1px solid var(--linea);border-radius:8px;overflow:hidden}.toggle-vista button{padding:7px 13px;font-size:.85rem;background:var(--blanco);color:var(--texto-2)}.toggle-vista button.on{background:var(--tinta);color:#fff}.sla{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.sla.verde{background:#2f9e44}.sla.amarillo{background:#e8a317}.sla.rojo{background:#e8553a}.sla.negro{background:#333}.sla.gris{background:#b7c4c6}.prio{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.prio.critica{background:#f7e0db;color:#b23a22}.prio.alta{background:#fbebd3;color:#9c6410}.prio.media{background:#e4eef5;color:#2c6e91}.prio.baja{background:#edf2f2;color:#5e7379}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.metricas .panel{text-align:center;padding:14px 12px}.metricas .panel .valor{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--tinta)}.cabecera{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cabecera .spacer{flex:1;min-width:0}.tabla-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:900px){.nav-links{flex-wrap:wrap}}@media (max-width:760px){.contenido{padding:20px 14px 48px}h1{font-size:1.3rem}.panel{padding:14px}.toggle-vista{display:flex;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.toggle-vista button{white-space:nowrap;padding:7px 11px;font-size:.8rem}.tabla{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tabla th,.tabla td{padding:10px 12px}.modal{padding:18px;border-radius:12px;max-height:94vh}.acciones{flex-direction:column-reverse}.acciones .btn{width:100%}.buscador{max-width:none}}@media (max-width:480px){.nav-links a{font-size:.82rem;padding:5px 8px}.metricas{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.metricas .panel .valor{font-size:1.25rem}}@media (max-width:760px){.contenido [style*="display:flex"]{flex-wrap:wrap!important}.contenido input,.contenido select,.contenido textarea{max-width:100%}.cabecera .btn{flex:0 0 auto}}