:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}button{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:16px 28px;border-bottom:1px solid #e2e8f0;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brandIcon{display:grid;place-items:center;width:46px;height:46px;border-radius:18px;color:#fff;background:#0f172a}.brand strong,.brand span{display:block}.brand span{color:#64748b;font-size:12px}.nav{justify-self:center;display:flex;gap:6px;padding:6px;border-radius:18px;background:#f1f5f9}.nav button{display:flex;align-items:center;gap:7px;border:0;border-radius:14px;padding:10px 14px;color:#475569;background:transparent;cursor:pointer}.nav button.active{color:#0f172a;background:#fff;box-shadow:0 8px 22px #0f172a14}.loginState{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.container{max-width:1280px;margin:0 auto;padding:32px 24px}.intro{display:flex;justify-content:space-between;margin-bottom:24px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(circle at top left,#2563eb,#0f172a 55%)}.intro h1{max-width:760px;margin:8px 0;font-size:clamp(30px,4vw,52px);line-height:1.02}.intro p{max-width:820px;color:#dbeafe;font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;font-size:12px;font-weight:700}.stack{display:grid;gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gridMain{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.card{padding:22px;border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 14px 30px #0f172a0d}.card h2{margin-top:0;margin-bottom:6px}.card p{color:#64748b;line-height:1.6}.metric{display:flex;justify-content:space-between;gap:16px}.metric small,.metric span{display:block;color:#64748b}.metric strong{display:block;margin:6px 0;font-size:28px}.metricIcon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:16px;color:#0f172a;background:#f1f5f9}.sectionHeader,.heroDetail{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.heroDetail h1{margin:6px 0}.chart{height:310px}.list{display:grid;gap:12px;margin-top:18px}.listItem,.listButton,.alertItem{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.listButton{cursor:pointer;text-align:left}.listItem span,.listButton span,.alertItem span{display:block;margin-top:4px;color:#64748b;font-size:13px}.risk{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.risk-bajo{color:#047857;background:#d1fae5}.risk-medio{color:#a16207;background:#fef3c7}.risk-alto{color:#c2410c;background:#ffedd5}.risk-critico{color:#b91c1c;background:#fee2e2}.alertItem{align-items:flex-start}.alertIcon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:14px;color:#c2410c;background:#ffedd5}.note,.error,.formula{margin-top:18px;padding:18px;border-radius:18px;background:#f8fafc;color:#334155}.error{background:#fee2e2;color:#991b1b}.formula{overflow:auto;color:#fff;background:#0f172a}.riskScale,.protocolGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.riskScale span,.protocol{padding:14px;border:1px solid #e2e8f0;border-radius:18px;text-align:center;background:#f8fafc}.protocol{display:grid;place-items:center;gap:6px}.protocol span{color:#64748b;font-size:12px}.steps{line-height:2;color:#334155}@media(max-width:980px){.topbar{grid-template-columns:1fr}.nav{overflow-x:auto;justify-self:stretch}.grid4,.grid3,.gridMain,.riskScale,.protocolGrid{grid-template-columns:1fr}}