:root{--navy:#0a2350;--azul:#1565c0;--azul-2:#1e88e5;--azul-claro:#7fa9dd;--azul-suave:#e8f1fc;--fondo:#f2f5fa;--borde:#e2e8f0;--texto:#1d2939;--texto-2:#5b6b80;--ok:#1f9d55;--bad:#d92d20;--fuente:"Montserrat","Segoe UI",Arial,sans-serif;--radio:16px;--sombra:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.06);--t-texto:14px;--t-titulo:17px}*{box-sizing:border-box}body,html{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:var(--t-texto)}body{-webkit-font-smoothing:antialiased}button,input{font-family:var(--fuente)}.ok{color:var(--ok)}.bad{color:var(--bad)}.gris{color:var(--texto-2)}.hero{position:relative;z-index:2;color:#fff;background:radial-gradient(1200px 300px at 85% -40%,rgba(30,136,229,.55),transparent 60%),radial-gradient(700px 260px at 0 120%,rgba(127,169,221,.35),transparent 60%),linear-gradient(120deg,var(--navy) 0,#0f3a80 55%,var(--azul) 100%);padding:26px 40px 30px}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#7fa9dd,#1e88e5,#7fa9dd)}.hero-fila{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:170px 1fr auto;grid-gap:28px;gap:28px;align-items:center}.hero-logo{width:160px;height:auto;display:block}.hero-eyebrow{font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#bcd6f6}.hero h1{margin:6px 0 12px;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.3px}.hero h1 span{color:#9cc8ff}.hero-meta{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}.chip.claro{background:rgba(255,255,255,.92);color:var(--navy);border-color:transparent}.hero-filtros{max-width:1440px;margin:22px auto 0}.boton-pdf{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.boton-pdf button{background:#fff;color:var(--navy);border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-size:var(--t-texto);cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.22);white-space:nowrap}.boton-pdf button:disabled{opacity:.7;cursor:progress}.pdf-error{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:280px;text-align:right;font-size:12px;color:#ffd2d2}.pdf-error small{color:#bcd6f6;font-size:11px;word-break:break-word}.boton-pdf .pdf-plan-b{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);box-shadow:none;padding:8px 16px;font-size:13px}.filtros{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;grid-gap:14px;gap:14px;align-items:flex-end;transition:opacity .2s}.filtros.cargando{opacity:.6;pointer-events:none}.combo{position:relative}.combo-etiqueta{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#bcd6f6;margin:0 0 5px 4px}.combo-campo{display:flex;align-items:center;gap:8px;background:#fff;color:var(--texto);border-radius:12px;padding:0 12px;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:text;border:2px solid transparent}.combo-campo.abierto{border-color:#9cc8ff}.combo-campo .lupa{color:var(--azul);flex:none}.combo-campo input{flex:1 1;min-width:0;border:0;outline:0;background:none;padding:11px 0;font-size:var(--t-texto);font-weight:600;color:var(--texto)}.combo-campo .flecha{color:var(--texto-2);font-size:12px}.combo-lista{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:#fff;color:var(--texto);border-radius:12px;box-shadow:0 16px 40px rgba(10,35,80,.28)}.combo-lista li{padding:9px 12px;border-radius:8px;cursor:pointer}.combo-lista li:hover{background:var(--azul-suave)}.combo-lista li.sel{background:var(--azul);color:#fff;font-weight:600}.combo-lista li.nada{color:var(--texto-2);cursor:default;background:none}.segmentos{display:flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:3px}.segmentos button{border:0;background:none;color:#fff;font-weight:600;padding:9px 16px;border-radius:9px;cursor:pointer;font-size:var(--t-texto)}.segmentos button.sel{background:#fff;color:var(--navy)}.rango{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.rango label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#bcd6f6}.rango input{border:0;border-radius:10px;padding:9px 12px;font-weight:600;color:var(--texto)}.rango button{border:0;border-radius:999px;padding:10px 22px;background:var(--azul-2);color:#fff;font-weight:700;cursor:pointer}.contenido{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:28px 40px 50px;display:flex;flex-direction:column;gap:22px}.panel{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px 22px;min-width:0}.titulo-seccion{margin:0 0 16px;font-size:var(--t-titulo);font-weight:700;color:var(--navy);display:flex;align-items:center;gap:10px}.titulo-seccion:before{content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(var(--azul-2),var(--azul));flex:none}.titulo-nota{font-size:12px;font-weight:600;color:var(--texto-2)}.fila-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.fila-2 .ancho-completo{grid-column:1/-1}.fila-disp{display:flex;flex-direction:column;gap:16px}.kpi-general{background:linear-gradient(120deg,var(--navy),var(--azul));color:#fff;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:18px 40px;padding:20px 28px}.general-bloque{min-width:0}.general-datos{display:flex;gap:28px}.general-datos div{display:flex;flex-direction:column}.general-datos b{font-size:24px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.general-datos span{font-size:12px;color:#bcd6f6}.general-pie{flex:1 1 260px}.kpi-general .titulo-seccion{color:#fff}.kpi-general .titulo-seccion:before{background:#9cc8ff}.general-valor{font-size:52px;font-weight:800;letter-spacing:-1px;line-height:1;margin:2px 0 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.general-nota{margin:0;color:#bcd6f6;font-size:13px;line-height:1.5}.kpi-general .titulo-seccion{margin-bottom:6px}.volver{color:#fff;font-weight:700;margin-top:10px;text-decoration:none}.tarjetas{display:flex;flex-wrap:wrap;gap:16px}.tarjetas>.tarjeta{flex:1 1 calc((100% - (var(--cols, 4) - 1) * 16px) / var(--cols, 4));min-width:230px}.tarjeta{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--borde);border-top:5px solid var(--c);border-radius:14px;padding:16px 16px 14px;box-shadow:var(--sombra);color:inherit;text-decoration:none;min-width:0}a.tarjeta{transition:transform .15s,box-shadow .15s}a.tarjeta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(10,35,80,.14)}.tarjeta-cab{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--texto-2)}.ranking-meta i,.tarjeta-cab i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}.tarjeta-valor{font-size:clamp(24px,2.2vw,34px);font-weight:800;color:var(--navy);letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.variacion{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;min-width:0;max-width:100%}.var-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;white-space:nowrap}.var-tiempo{color:var(--texto-2);font-weight:500;line-height:1.35;overflow-wrap:anywhere}.variacion.mejora .var-pill{background:#e3f6ec;color:#067647}.variacion.empeora .var-pill{background:#fde8e8;color:#b42318}.variacion.neutro{color:var(--texto-2);font-weight:600}.variacion.claro .var-tiempo,.variacion.claro.neutro{color:#bcd6f6}.tarjeta-cab small{margin-left:auto;font-weight:600;font-size:11px;color:#98a2b3;text-transform:uppercase;letter-spacing:.6px}.tarjeta-pie .sep{color:#cbd5e1;font-weight:400}.combo-boton{width:100%;text-align:left;font:inherit;cursor:pointer;padding:11px 12px}.combo-texto{flex:1 1;min-width:0;font-weight:600;color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-lista.multi{display:flex;flex-direction:column;gap:2px}.multi-op{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.multi-op:hover{background:var(--azul-suave)}.multi-op.sel{font-weight:700;border-bottom:1px solid var(--borde);border-radius:8px 8px 0 0}.multi-op input{width:16px;height:16px;accent-color:var(--azul)}.multi-op i{width:10px;height:10px;border-radius:3px;flex:none}.multi-aplicar{margin-top:6px;border:0;border-radius:999px;padding:9px;background:var(--azul);color:#fff;font-weight:700;cursor:pointer}.cab-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cab-panel .titulo-seccion{margin:0}.selector-gran{display:flex;align-items:center;gap:4px;background:#eef3f9;border-radius:10px;padding:3px;transition:opacity .2s}.selector-gran.cargando{opacity:.55;pointer-events:none}.selector-gran>span{font-size:12px;font-weight:700;color:var(--texto-2);padding:0 8px}.selector-gran button{border:0;background:none;padding:6px 12px;border-radius:8px;font-weight:600;color:var(--texto-2);cursor:pointer;font-size:13px}.selector-gran button.sel{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(10,35,80,.15)}.nota-gran{margin:-6px 0 12px;font-size:12px;color:var(--texto-2)}.titular{background:#fff;border:1px solid var(--borde);border-left:6px solid var(--azul);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px 24px}.titular-frase{margin:0 0 16px;font-size:20px;line-height:1.4;color:var(--texto)}.titular-frase b{color:var(--navy)}.ganchos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px}.gancho{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--azul-suave)}.gancho b{display:block;color:var(--navy);font-size:15px;margin-bottom:2px}.gancho span:not(.gancho-ico){font-size:12.5px;color:var(--texto-2);line-height:1.4}.gancho-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--azul);color:#fff;font-weight:800;font-size:14px}.gancho.mejora .gancho-ico{background:#1f9d55}.gancho.alerta .gancho-ico,.gancho.empeora .gancho-ico{background:#b42318}.tabla.consolidado td{font-size:14px}.tabla.consolidado td small{display:block;color:var(--texto-2);font-weight:500;font-size:11px}.tabla.consolidado tfoot td{background:var(--azul-suave);font-weight:700;color:var(--navy);border-bottom:0}.tabla.consolidado tfoot td small{display:inline}.plat-nom{display:inline-flex;align-items:center;gap:8px}.cal-plat i,.plat-nom i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}.barra-part{display:flex;align-items:center;gap:8px;min-width:130px}.barra-fondo{flex:1 1;height:8px;background:#e8eef6;border-radius:6px;overflow:hidden}.barra-fondo div{height:100%;border-radius:6px}.barra-part span{width:40px;text-align:right;font-weight:700;color:var(--navy)}.sub{margin:22px 0 10px;font-size:15px;color:var(--navy)}.calendario{display:grid;grid-template-columns:220px repeat(var(--n),minmax(22px,1fr));grid-gap:4px;gap:4px;align-items:center;min-width:calc(220px + var(--n) * 26px)}.cal-dia{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--texto-2);line-height:1.2}.cal-dia b{font-size:12px;color:var(--texto)}.cal-plat{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;line-height:1.2;padding-right:8px;min-width:0}.cal-celda{height:26px;border-radius:5px}.cal-leyenda .cal-ok,.cal-ok{background:#e6eef8}.cal-degradacion,.cal-leyenda .cal-degradacion{background:#7fa9dd}.cal-caida,.cal-leyenda .cal-caida{background:var(--navy)}.cal-leyenda{display:flex;gap:18px;margin-top:12px;font-size:12px;color:var(--texto-2);flex-wrap:wrap}.cal-leyenda span{display:inline-flex;align-items:center;gap:6px}.cal-leyenda i{width:14px;height:14px;border-radius:4px;display:inline-block}.glosario{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px 24px;gap:14px 24px;margin:0 0 10px}.glosario dt{font-weight:700;color:var(--navy);margin-bottom:4px}.glosario dd{margin:0;line-height:1.55;color:#344054;font-size:13px}.tarjeta-pie{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--borde);font-size:13px;color:var(--texto-2)}.tarjeta-pie b{color:var(--navy)}.kpis-sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px;gap:16px}.kpi{border-radius:14px;padding:14px 16px;background:linear-gradient(160deg,#fff,var(--azul-suave));border:1px solid #d6e4f7}.kpi-cab{font-weight:700;color:var(--texto-2)}.kpi-valor{font-size:26px;font-weight:800;color:var(--navy);margin:6px 0 4px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-nota{font-size:12px;color:var(--texto-2);line-height:1.4}.ranking{list-style:none;margin:0;padding:0;flex-direction:column}.ranking,.ranking li{display:flex;gap:12px}.ranking li{align-items:center}.ranking .pos{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:#eef2f7;color:var(--texto-2);font-weight:700;font-size:13px}.ranking .pos.podio{background:var(--azul);color:#fff}.ranking-info{flex:1 1;min-width:0}.ranking-nom{display:flex;justify-content:space-between;gap:10px;font-weight:600}.ranking-nom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-nom b{color:var(--navy);white-space:nowrap}.ranking-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--texto-2);margin-top:3px}.tabla{width:100%;border-collapse:separate;border-spacing:0}.tabla th{background:var(--navy);color:#fff;font-weight:700;padding:12px 10px;text-align:center;white-space:nowrap}.tabla th:first-child{border-top-left-radius:10px}.tabla th:last-child{border-top-right-radius:10px}.tabla td{text-align:center;padding:10px;border-bottom:1px solid var(--borde);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:#344054;vertical-align:middle}.tabla td.izq{text-align:left;font-weight:600}.tabla td.fecha,.tabla td.num{white-space:nowrap}.tabla tbody tr:nth-child(2n) td{background:#f5f9ff}.tabla tbody tr:hover td{background:var(--azul-suave)}.agrupadas{color:var(--texto-2);font-weight:500}.detalle-caja{max-height:620px;overflow:auto;border-radius:10px}.detalle-caja thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.etq{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px;background:#eef2f7;white-space:nowrap}.tipo-caida{background:var(--navy);color:#fff}.tipo-degradacion{background:#dbe8f7;color:#0f3a80}.tipo-informativa{background:var(--azul-suave);color:var(--azul)}.tipo-mantenimiento{background:#eef2f7;color:#475467}.origen-cierre,.origen-reportada{background:#e3f6ec;color:#067647}.origen-estimada{background:#fff4d6;color:#93560a}.origen-sin-dato{background:#eef2f7;color:#475467}.nota-tabla{font-size:12px;color:var(--texto-2);margin:10px 0 0}.pie-tabla{justify-content:space-between;margin-top:12px;flex-wrap:wrap}.paginador,.pie-tabla{display:flex;align-items:center;gap:12px}.paginador{color:var(--texto-2)}.paginador button{width:34px;height:34px;border-radius:50%;border:1px solid var(--borde);background:#fff;font-size:20px;line-height:1;cursor:pointer;color:var(--navy)}.paginador button:disabled{color:#cbd5e1;cursor:default}button.secundario{background:linear-gradient(120deg,var(--navy),var(--azul));color:#fff;border:0;border-radius:999px;padding:10px 22px;font-weight:700;cursor:pointer}button.secundario:disabled{opacity:.5;cursor:default}.metodologia p{margin:0 0 10px;line-height:1.6;color:#344054}.vacio{text-align:center;color:var(--texto-2);padding:30px}.error{background:#fdecea;color:#8a1c1c;border:1px solid #f5c2c0;border-radius:12px;padding:16px}.pie{text-align:center;color:var(--texto-2);font-size:13px;padding-top:10px}.recharts-legend-item-text,.recharts-wrapper,.recharts-wrapper text{font-family:var(--fuente)!important}@media (max-width:1200px){.tarjetas>.tarjeta{flex-basis:calc(50% - 8px)}.filtros{grid-template-columns:1fr 1fr}}@media (max-width:900px){.hero{padding:20px 16px 24px}.hero-fila{grid-template-columns:1fr;gap:14px}.hero-logo{width:120px}.hero h1{font-size:24px}.boton-pdf{align-items:flex-start}.contenido{padding:18px 16px 40px;gap:16px}.fila-2{grid-template-columns:1fr}.panel{padding:16px}.scroll-x{overflow-x:auto}.ancho-min{min-width:980px}.general-valor{font-size:42px}.titular-frase{font-size:17px}.titular{padding:16px}}@media (max-width:560px){.filtros{grid-template-columns:1fr}.tarjetas>.tarjeta{flex-basis:100%}.kpi-general{padding:18px;gap:14px 24px}.segmentos button{flex:1 1}}.hero-pdf .hero-fila{grid-template-columns:170px 1fr}.hero-pdf~.contenido .panel,.hero-pdf~.contenido .tarjeta{box-shadow:none}@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.boton-pdf,.hero-filtros,.pie-tabla,.volver{display:none!important}.hero{padding:16px 20px}.contenido{padding:14px 0;gap:14px}.kpi,.panel,.tarjeta,.titular{box-shadow:none;page-break-inside:avoid;break-inside:avoid}.detalle-caja{max-height:none;overflow:visible}.hero-fila{grid-template-columns:140px 1fr}.tarjetas>.tarjeta{min-width:0}.fila-2{grid-template-columns:1fr 1fr}.general-valor{font-size:40px}.tarjeta-valor{font-size:24px}}