:root{--bg:#07111f;--panel:#0d1b2c;--panel2:#11253d;--line:#24415f;--text:#eaf2fb;--muted:#9fb5ca;--accent:#24c7a3;--accent2:#4c8dff;--warn:#f0b44d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#102e4f 0,#07111f 38%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial}
.app{max-width:1500px;margin:auto;padding:22px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(20,55,87,.9),rgba(9,25,43,.95));border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.eyebrow{font-size:12px;letter-spacing:.14em;color:#75dfc7;font-weight:800}.hero h1{margin:7px 0 5px;font-size:34px}.hero p{margin:0;color:var(--muted);max-width:800px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:1px solid #365776;border-radius:10px;background:#13283f;color:#eef6ff;padding:11px 15px;font-weight:750;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#159a80,#20c4a2);border-color:#33d1b0;color:#041411}
.card{background:rgba(13,27,44,.95);border:1px solid var(--line);border-radius:15px;padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.wide{grid-column:1/-1}
label{font-size:13px;color:var(--muted);font-weight:700}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #325170;background:#081727;color:#eef6ff;border-radius:9px;padding:10px;font:inherit}
.tabs{display:flex;gap:8px;overflow:auto;margin:16px 0}.tab{white-space:nowrap;border:1px solid var(--line);background:#0b1929;color:#b9cce0;padding:10px 14px;border-radius:999px;cursor:pointer}.tab.active{background:#173e60;color:#fff;border-color:#4b80ae}
.panel{display:none}.panel.active{display:block}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:4px 0 14px}.section-head h2{margin:0}.section-head p{color:var(--muted);margin:5px 0 0}.legend{color:#a9bed2;font-size:12px}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.question{position:relative;background:linear-gradient(145deg,#0d1d2f,#0b1827);border:1px solid #203d59;border-radius:13px;padding:15px}.question p{min-height:44px}.question small{display:block;color:#8da6bc;min-height:35px}.q-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#59d2b8}.score{accent-color:var(--accent)}output{position:absolute;right:15px;bottom:13px;font-weight:900;color:#7ce0cc}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.kpi{background:linear-gradient(145deg,#10273e,#0c1c2e);border:1px solid #294967;border-radius:13px;padding:16px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:23px;margin-top:6px}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0}.chart-card{min-height:390px}.chart-card canvas{max-height:330px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #25425e;text-align:left;font-size:13px}th{color:#7ce0cc}.priority-Alta{color:#ff8e8e;font-weight:800}.priority-Media{color:#ffd17d;font-weight:800}
.roadmap-grid{display:grid;gap:12px}.phase{display:grid;grid-template-columns:120px 1fr 190px;gap:16px;align-items:start}.phase-badge{background:#123b53;border-radius:12px;padding:13px;text-align:center}.phase-badge strong{font-size:27px;display:block}.phase ul{margin:7px 0;padding-left:18px}.status{border:1px solid #385774;padding:6px 9px;border-radius:999px;text-align:center}.status.Completada{background:#123f36;color:#82e5cd}.status.En.curso{background:#4c3816;color:#ffd17d}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-grid h3{margin-top:0}.method-grid p{color:var(--muted)}.flow{margin-top:13px}.flow-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.flow-row span{background:#12304b;border:1px solid #315573;padding:10px 14px;border-radius:10px}
#toast{position:fixed;right:20px;bottom:20px;background:#172d43;border:1px solid #3c668e;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:900px){.hero{align-items:flex-start;flex-direction:column}.form-grid,.question-grid,.chart-grid,.method-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.phase{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}}
@media(max-width:520px){.app{padding:10px}.kpi-grid{grid-template-columns:1fr}.hero h1{font-size:27px}}
@media print{body{background:#fff;color:#111}.tabs,.hero-actions,#diagnostico{display:none!important}.panel{display:block!important}.card,.hero,.question,.kpi{background:#fff;color:#111;border-color:#ccc;box-shadow:none}.hero p,.section-head p,.method-grid p{color:#444}}