:root{--blue:#062b68;--blue2:#0a4ea3;--blue3:#0a3a82;--blue-soft:#eaf2ff;--orange:#f37021;--orange-soft:#fff0e6;--green:#159947;--green-soft:#eaf8ef;--bg:#f5f8fc;--text:#0b1f44;--muted:#6b7d96;--card:#fff;--border:#e6ebf3;--shadow:0 6px 18px #0a1f440d, 0 2px 4px #0a1f440a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:30px;width:240px;padding:28px 18px 22px;display:flex}.brand{align-items:center;padding:0 6px;display:flex}.brand-logo{width:100%;max-width:180px;height:auto;display:block}nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#3a4c6a;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:15px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:#f3f6fb}.nav-item .nav-icon{color:#4b6388;background:#eef2f8;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:inherit;display:flex}.nav-item.active{background:var(--blue-soft);color:var(--blue2)}.nav-item.active .nav-icon{background:var(--blue2);color:#fff}.tagline{color:var(--blue);margin-top:auto;padding:0 6px;font-size:18px;font-style:italic;line-height:1.25}.tagline em{font-style:italic;font-weight:500}.tagline-swoosh{border-bottom:3px solid var(--orange);border-radius:0 0 100%;width:130px;height:10px;margin-top:4px}.main{flex:1;padding:24px 36px 40px}.topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.topbar-spacer{flex:1}.filters{align-items:center;gap:14px;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:flex;position:relative}.filter-pill svg{color:var(--blue2)}.filter-pill .filter-label{color:var(--muted);margin-right:2px;font-weight:500}.filter-pill input[type=date]{color:var(--text);opacity:0;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;position:absolute;inset:0}.filter-pill.date-pill{cursor:pointer}.filter-pill input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.filter-pill .filter-display{color:var(--text);font-weight:600}.filter-pill select{color:var(--text);appearance:none;cursor:pointer;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7d96' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") 100% no-repeat;border:0;padding-right:18px;font-size:14px;font-weight:600}.filter-pill select:focus,.filter-pill input:focus{outline:none}.user-menu{margin-left:6px;position:relative}.user-btn{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:background .15s,border-color .15s;display:flex}.user-btn:hover{background:#f6f9fd;border-color:#d6dee9}.user-avatar{background:var(--blue-soft);width:32px;height:32px;color:var(--blue2);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:14px;font-weight:600;overflow:hidden}.user-caret{color:#7588a4;transition:transform .15s}.user-caret.open{transform:rotate(180deg)}.user-dropdown{border:1px solid var(--border);z-index:50;background:#fff;border-radius:12px;min-width:220px;animation:.12s ease-out dropdown-pop;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 28px #0a1f4426}.user-dropdown-header{border-bottom:1px solid #f1f4f9;padding:14px 16px}.user-dropdown-name{color:var(--text);font-size:14px;font-weight:700}.user-dropdown-role{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:12px}.user-dropdown-item{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.user-dropdown-item:hover{color:var(--blue2);background:#f6f9fd}.user-dropdown-item svg{color:var(--muted)}.user-dropdown-item:hover svg{color:var(--blue2)}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}h1{color:var(--blue);letter-spacing:-.5px;margin:8px 0 4px;font-size:34px;font-weight:800}.subtitle{color:#52668a;margin:0 0 22px;font-size:16px}.kpi-grid{gap:14px;margin:6px 0 22px;display:grid}.kpi-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card,.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.kpi-card{align-items:center;gap:14px;min-height:108px;padding:14px 16px;display:flex}.kpi-body{flex-direction:column;gap:6px;min-width:0;display:flex}.kpi-icon{background:var(--blue-soft);width:56px;height:56px;color:var(--blue2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-icon.orange{background:var(--orange-soft);color:var(--orange)}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.gray{color:#65758b;background:#f1f4f8}.kpi-title{color:#4d617f;font-size:13px;font-weight:600;line-height:1.3}.kpi-value{color:var(--blue2);letter-spacing:-.3px;font-size:26px;font-weight:800;line-height:1}.kpi-value span{color:#7588a4;margin-left:4px;font-size:14px;font-weight:600}.kpi-value.orange{color:var(--orange)}.kpi-value.green{color:var(--green)}.kpi-value.gray{color:#6b7280}.grid-main{grid-template-columns:1fr 340px;gap:18px;display:grid}.two-cols{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.two-cols.detail{grid-template-columns:480px 1fr}.bottom-grid{grid-template-columns:2fr 1fr;gap:18px;margin-top:18px;display:grid}.card{padding:20px 22px}.card.large{min-height:430px}.card.compact{min-height:130px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.card-title{color:var(--blue);margin-bottom:2px;font-size:17px;font-weight:800}.hint{color:#7588a4;font-size:13px}.right-stack{flex-direction:column;gap:18px;display:flex}.validity-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.validity-check{background:var(--blue-soft);width:38px;height:38px;color:var(--blue2);border-radius:50%;justify-content:center;align-items:center;display:flex}.big{letter-spacing:-.3px;margin-top:6px;font-size:34px;font-weight:900}.blue{color:var(--blue2)}.green{color:var(--green)}.orange{color:var(--orange)}.checks{margin:10px 0 0;padding:0;list-style:none}.checks li{color:#33476a;margin:12px 0;padding-left:30px;font-size:14.5px;line-height:1.35;position:relative}.checks li:before{content:"";background:var(--blue2);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:50%;background-repeat:no-repeat;border-radius:50%;width:20px;height:20px;position:absolute;top:1px;left:0}.chart-legend{color:#4d617f;flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.lg-item{align-items:center;gap:6px;display:inline-flex}.lg-line{border-radius:2px;width:18px;height:3px;display:inline-block}.lg-line.lg-median{background:#0a3a82}.lg-line.lg-ewma{background:#7fb1ff}.lg-band{background:#dfe9fb;border-radius:3px;width:18px;height:10px;display:inline-block}.lg-band-green{background:#d6ecd6;border:1px dashed #7cb87c}.lg-band-red{background:#fde0e0;border-radius:3px}.lg-dashed{border-top:2px dashed #7fb1ff;width:18px;height:0;background:0 0!important}.lg-dot{background:#f37021;border-radius:50%;width:10px;height:10px;display:inline-block}.lg-dot.lg-dot-ancho{background:#2c6cd1}.card-head-icon{align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-head-badge{background:var(--blue-soft);width:34px;height:34px;color:var(--blue2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-head-badge.orange{background:var(--orange-soft);color:var(--orange)}.card-head-badge.green{background:var(--green-soft);color:var(--green)}.card-head-icon .card-title{margin-bottom:0}.alert-summary{flex-direction:column;gap:14px;margin-top:6px;display:flex}.alert-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.alert-field{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:10px;display:flex}.alert-cols .alert-field,.alert-field:last-child{border-bottom:0;padding-bottom:0}.alert-label{color:var(--muted);font-size:13px}.alert-value{color:var(--text);letter-spacing:-.3px;font-size:22px;font-weight:800;line-height:1.15}.alert-value.blue{color:var(--blue2)}.alert-value.green{color:var(--green)}.pill.confirmada{background:var(--orange-soft);color:var(--orange);align-self:flex-start;padding:5px 12px}.dot-list{margin:8px 0 0;padding:0;list-style:none}.dot-list li{color:#33476a;margin:10px 0;padding-left:22px;font-size:14.5px;line-height:1.4;position:relative}.dot-list li:before{content:"";background:var(--blue2);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:2px}.trend-bottom{grid-template-columns:2.4fr 1fr}.units-card{align-items:center;gap:14px;display:flex}.units-icon{background:var(--blue-soft);width:54px;height:54px;color:var(--blue2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.units-text{color:#4d617f;margin:0;font-size:14px;line-height:1.4}.frame{object-fit:cover;border:1px solid var(--border);background:#eef3fa;border-radius:12px;width:100%;height:200px;margin-bottom:10px;display:block}.frame-placeholder{border:1px dashed var(--border);color:#7588a4;background:#fafbfd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:200px;margin-bottom:10px;font-size:13.5px;font-weight:500;display:flex}.frame-placeholder svg{color:#a8b3c4;opacity:.85}.context-card .context-body{align-items:center;gap:14px;margin-top:8px;display:flex}.context-icon{background:var(--blue-soft);width:54px;height:54px;color:var(--blue2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.context-title{color:var(--blue);margin:0 0 4px;font-size:15px}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;margin-top:18px;display:grid}.detail-left,.detail-right{flex-direction:column;gap:18px;min-width:0;display:flex}.detail-list{margin-top:4px}.detail-list p{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:baseline;gap:14px;margin:0;padding:11px 0;display:flex}.detail-list p:last-child{border-bottom:0}.detail-list span{color:#65758b;font-size:14px}.detail-list strong{color:var(--text);text-align:right;font-size:14px;font-weight:700}.detail-list strong.delta{color:#e23939}.info-strip{background:var(--blue-soft);color:var(--blue2);border-radius:12px;padding:12px 14px;font-weight:600}.pill{background:#edf2f7;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.pill.atendida{background:var(--green-soft);color:var(--green)}.pill.sin_accion,.pill.activa{color:#a86200;background:#fff1d6}.alert-timeline-card{padding:22px 26px}.alert-tl{margin-top:12px;padding:0 6px}.alert-tl-track{height:120px;margin:8px 24px 0;position:relative}.alert-tl-track:after{content:"";z-index:0;background:#e3e8f0;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.tl-event{cursor:pointer;z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;bottom:-7px;transform:translate(-50%)}.tl-event-label{text-align:center;line-height:1.2}.tl-event-time{color:var(--orange);font-size:14px;font-weight:800}.tl-event-type{color:#465a7c;white-space:nowrap;margin-top:3px;font-size:12px}.tl-event-stem{border-left:2px dashed var(--orange);opacity:.55;width:0;height:50px;margin-top:6px}.tl-event-dot{border:3px solid var(--orange);z-index:2;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-3px;position:relative;box-shadow:0 1px 3px #0a1f4426}.tl-blue .tl-event-time{color:var(--blue2)}.tl-blue .tl-event-stem{border-left-color:var(--blue2)}.tl-blue .tl-event-dot{border-color:var(--blue2)}.alert-tl-axis{color:#65758b;justify-content:space-between;padding:10px 0 4px;font-size:12.5px;display:flex}.events-table{margin-top:10px}.events-table th{color:#65758b;border-bottom:1px solid var(--border);padding:10px;font-size:13px;font-weight:600}.events-table td{border-bottom:1px solid #f1f4f9;padding:12px 10px;font-size:14px}.events-table tbody tr{cursor:pointer;transition:background .12s}.events-table tbody tr:hover td{background:#f6f9fd}.events-table tbody tr:last-child td{border-bottom:0}.event-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:10px;display:inline-block}.event-dot-orange{background:var(--orange)}.event-dot-blue{background:var(--blue2)}.info-strip-icon{background:var(--blue-soft);color:#33476a;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:11px 14px;font-size:13.5px;display:flex}.info-strip-badge{background:var(--blue2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dist-list{margin:14px 0 0;padding:0;list-style:none}.dist-list li{grid-template-columns:80px 1fr auto;align-items:center;gap:14px;margin:18px 0;display:grid}.dist-list li:first-child{margin-top:6px}.dist-label{color:var(--text);font-size:14px;font-weight:600}.dist-bar-wrap{background:#eef2f7;border-radius:6px;height:10px;overflow:hidden}.dist-bar{border-radius:6px;height:100%;transition:width .25s}.dist-bar-orange{background:var(--orange)}.dist-bar-blue{background:var(--blue2)}.dist-count{color:#3a4c6a;white-space:nowrap;font-size:14px;font-weight:700}.alerts-footer{color:#65758b;justify-content:space-between;align-items:center;margin-top:22px;font-size:13px;display:flex}.alerts-footer-right{align-items:center;gap:8px;display:inline-flex}.alerts-footer-right svg{color:var(--blue2)}.modal-overlay{z-index:1000;background:#061c448c;justify-content:center;align-items:flex-start;padding:40px 24px;animation:.15s ease-out modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-window{background:var(--bg);border-radius:18px;width:100%;max-width:1180px;padding:28px 30px;animation:.2s ease-out modal-pop;position:relative;box-shadow:0 30px 80px #0a1f4459}.modal-close{border:1px solid var(--border);cursor:pointer;color:#65758b;z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 6px #0a1f4414}.modal-close:hover{color:var(--text);background:#f1f4f9}.modal-content>section>h1{margin-top:0}.modal-content>section{padding-right:40px}.modal-nav{border:1px solid var(--border);cursor:pointer;width:46px;height:46px;color:var(--blue2);z-index:1001;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #0a1f442e}.modal-nav:hover{background:var(--blue2);color:#fff;transform:translateY(-50%)scale(1.05)}.modal-nav-left{left:18px}.modal-nav-right{right:18px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px}th{color:#50627c;font-weight:700}.explainer p{font-size:16px}.morph-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;display:grid}.morph-right{flex-direction:column;gap:18px;display:flex}.morph-title{align-items:center;gap:8px;display:flex}.morph-info{color:var(--blue2);opacity:.7}.morph-more{cursor:pointer;color:#7588a4;background:0 0;border:0;border-radius:6px;padding:4px;transition:background .15s}.morph-more:hover{color:var(--text);background:#f1f4f9}.morph-hint{margin-top:-4px;margin-bottom:6px}.morph-chart-wrap{position:relative}.quadrant-label{pointer-events:none;z-index:1;font-size:13.5px;line-height:1.2;position:absolute}.q-name{font-weight:700}.q-name.green{color:#1aa97a}.q-name.orange{color:var(--orange)}.q-name.blue{color:var(--blue2)}.q-sub{color:#7588a4;margin-top:2px;font-size:12px}.q-tl{top:18px;left:80px}.q-tr{text-align:right;top:18px;right:24px}.q-bl{bottom:60px;left:80px}.q-br{text-align:right;bottom:60px;right:24px}.profile-list{margin:8px 0 0;padding:0;list-style:none}.profile-list li{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;display:grid}.profile-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.profile-name{color:var(--text);font-size:14.5px;font-weight:600}.profile-pct{letter-spacing:-.3px;font-size:16px;font-weight:800}.profile-pct-green{color:#1aa97a}.profile-pct-orange{color:var(--orange)}.profile-pct-blue{color:var(--blue2)}.profile-pct-yellow{color:#c98712}.heat-tooltip{border:1px solid var(--border);background:#fff;border-radius:10px;min-width:160px;padding:10px 14px;font-size:13px;box-shadow:0 6px 22px #0f1e371a}.heat-tooltip>div{justify-content:space-between;gap:14px;padding:2px 0;display:flex}.heat-tooltip .ht-k{color:var(--muted);font-weight:500}.heat-tooltip .ht-v{color:var(--text);font-weight:700}.insight-body{align-items:flex-start;gap:14px;margin-top:8px;display:flex}.insight-badge{background:var(--blue-soft);width:46px;height:46px;color:var(--blue2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-body p{color:#3a4c6a;margin:0;font-size:14px;line-height:1.5}.quality-bottom{grid-template-columns:2.2fr 1.5fr;gap:18px;margin-top:18px;display:grid}.diag-list{margin:10px 0 0;padding:0;list-style:none}.diag-list li{color:var(--text);border-bottom:1px solid #f1f4f9;align-items:center;gap:12px;padding:14px 4px;font-size:14.5px;font-weight:500;display:flex}.diag-list li:last-child{border-bottom:0}.diag-icon{flex-shrink:0}.quality-info{margin-top:18px}.login{background:linear-gradient(160deg,#f7faff,#e8f1ff);justify-content:center;align-items:center;height:100vh;display:flex}.login form{background:#fff;border-radius:22px;width:420px;padding:36px;box-shadow:0 18px 60px #003c7c26}.login-brand{justify-content:center;margin-bottom:8px}.login-brand .brand-logo{max-width:240px}.login input{border:1px solid var(--border);border-radius:12px;width:100%;margin:12px 0;padding:14px;display:block}.login button{background:var(--blue2);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:14px;font-weight:800}.error{color:#b42318}@media (width<=1280px){.kpi-grid.six{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.kpi-grid.six,.kpi-grid.five,.kpi-grid.four{grid-template-columns:repeat(2,1fr)}.grid-main,.two-cols,.bottom-grid,.detail-grid,.morph-grid,.quality-bottom{grid-template-columns:1fr}.sidebar{width:210px}.quadrant-label{display:none}}