:root{--navy: #00124e;--celeste: #1a3bff;--rojo: #cf2e26;--gris: #5a5a5a;--bg: #f4f6fb;--card: #ffffff;--borde: #e2e6f0;--texto: #1a1f2e;--texto-suave: var(--gris);--radio: 10px;--sombra: 0 1px 3px rgba(0, 18, 78, .08), 0 1px 2px rgba(0, 18, 78, .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--texto);font-size:14px;line-height:1.5}a{color:var(--celeste);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--navy);margin:0 0 .5em}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:var(--radio);padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;background:var(--celeste);color:#fff;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--navy);border-color:var(--borde)}.btn--danger{background:var(--rojo)}.btn--sm{padding:5px 10px;font-size:13px}.input,.select,textarea.input{width:100%;padding:8px 10px;border:1px solid var(--borde);border-radius:8px;font-size:14px;font-family:inherit;background:#fff}.input:focus,.select:focus{outline:2px solid var(--celeste);border-color:var(--celeste)}.field{margin-bottom:12px}.field label{display:block;font-weight:600;color:var(--navy);margin-bottom:4px;font-size:13px}.card{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.grid{display:grid;gap:16px}.progress{background:#e6eaf5;border-radius:999px;height:8px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--celeste);border-radius:999px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge--pendiente{background:#eceef4;color:var(--gris)}.badge--en_progreso{background:#e5ebff;color:var(--celeste)}.badge--en_revision{background:#fff2cc;color:#8a6d00}.badge--completado{background:#e0f5e6;color:#1c7c3f}.badge--rojo{background:#fbe3e1;color:var(--rojo)}.tabla{width:100%;border-collapse:collapse;font-size:13.5px}.tabla th,.tabla td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--borde)}.tabla th{color:var(--navy);font-weight:700;background:#f8f9fd}.tabla tbody tr:hover,.tabla tr.clickable:hover{background:#f6f8ff;cursor:pointer}.tabla tr.fila-resumen td{font-weight:700}.topnav{background:var(--navy);color:#fff;display:flex;align-items:center;gap:18px;padding:0 20px;height:56px}.topnav a{color:#c7d0f0;font-weight:600;padding:4px 2px}.topnav a.active,.topnav a:hover{color:#fff;text-decoration:none}.topnav .brand{color:#fff;font-weight:800;letter-spacing:.3px;font-size:16px}.topnav .spacer{flex:1}.contenido{max-width:1100px;margin:22px auto;padding:0 20px}.muted{color:var(--texto-suave)}.row{display:flex;gap:12px;align-items:center}.error-box{background:#fbe3e1;color:var(--rojo);border-radius:8px;padding:10px 12px;font-size:13px}.seg{display:inline-flex;border:1px solid var(--borde);border-radius:8px;overflow:hidden}.seg button{border:0;background:#fff;padding:6px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--gris);cursor:pointer}.seg button.active{background:var(--navy);color:#fff}.gantt-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12.5px}.gantt-legend .dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px}.gantt-tip{position:absolute;pointer-events:none;background:#fff;border:1px solid var(--borde);border-radius:8px;box-shadow:var(--sombra);padding:8px 10px;font-size:12.5px;z-index:10;width:220px}.info-btn{cursor:pointer;font-weight:700;font-size:13px;color:#c7d0f0;border:1px solid rgba(199,208,240,.45);border-radius:999px;padding:2px 10px;white-space:nowrap}.info-btn:hover{color:#fff;border-color:#fff;text-decoration:none}.info-btn--oscuro{color:var(--celeste);border-color:var(--borde)}.info-btn--oscuro:hover{color:var(--navy);border-color:var(--navy)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00124e8c;display:grid;place-items:center;z-index:1000;padding:24px}.modal{background:var(--card);border-radius:var(--radio);box-shadow:0 10px 40px #00124e59;width:min(860px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--borde)}.modal-x{border:0;background:transparent;font-size:16px;cursor:pointer;color:var(--gris);padding:4px 8px}.modal-x:hover{color:var(--navy)}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--borde)}.manual-img{width:100%;border:1px solid var(--borde);border-radius:8px;display:block}.manual-pasos{margin:12px 0 0;padding-left:0;list-style:none;counter-reset:paso;display:grid;gap:8px;font-size:13.5px}.manual-pasos li{counter-increment:paso;position:relative;padding-left:34px}.manual-pasos li:before{content:counter(paso);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--rojo);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.bell{position:relative;cursor:pointer;color:#fff;font-size:18px}.bell .count{position:absolute;top:-6px;right:-8px;background:var(--rojo);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 5px}