.board-principal-red{--nodata:var(--unknown);color:var(--text-1);width:100%}.bpr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.bpr-card{position:relative;min-width:0;min-height:300px;padding:var(--space-5);overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-strong) 22%,var(--stroke));border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface-1) 88%,transparent));box-shadow:var(--shadow-2),inset 0 1px color-mix(in srgb,var(--text-1) 8%,transparent)}.bpr-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--text-3) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-3) 5%,transparent) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.bpr-card>*{position:relative}.bpr-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.bpr-eyebrow{margin:0 0 4px;color:var(--text-3);font-size:var(--font-xs);font-weight:850;letter-spacing:.13em}.bpr-card h3{margin:0;font-size:var(--font-lg);letter-spacing:-.02em}.bpr-live{display:flex;align-items:center;gap:7px;color:var(--ok);font-size:var(--font-xs);font-weight:800}.bpr-live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:bpr-pulse 1.8s infinite}.bpr-donut-wrap{display:grid;grid-template-columns:minmax(145px,190px) 1fr;align-items:center;gap:var(--space-5)}.bpr-donut{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--segmentos);filter:drop-shadow(0 10px 20px color-mix(in srgb,var(--surface-1) 60%,transparent));animation:bpr-enter .7s ease-out}.bpr-donut:after{content:"";grid-area:1/1;width:67%;aspect-ratio:1;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 25px color-mix(in srgb,var(--surface-1) 75%,transparent)}.bpr-donut div{z-index:1;grid-area:1/1;display:grid;text-align:center}.bpr-donut strong{font-size:clamp(1.65rem,3vw,2.5rem);font-variant-numeric:tabular-nums}.bpr-donut span{color:var(--text-3);font-size:var(--font-xs)}.bpr-legend{display:grid;gap:8px}.bpr-legend button{display:grid;grid-template-columns:9px 1fr auto auto;align-items:center;gap:8px;padding:7px 0;color:var(--text-2);background:none;border:0;font:inherit;text-align:left;cursor:pointer}.bpr-legend i{width:9px;height:9px;border-radius:50%}.bpr-legend strong{color:var(--text-1)}.bpr-legend small{min-width:46px;text-align:right}.bpr-series-kpis{display:flex;gap:12px}.bpr-series-kpis span{display:grid;color:var(--text-3);font-size:10px;text-transform:uppercase}.bpr-series-kpis i{width:18px;height:2px;margin-bottom:4px;background:var(--ok)}.bpr-series-kpis i.loss{background:var(--warn)}.bpr-series-kpis strong{color:var(--text-1);font-size:var(--font-sm)}.bpr-chart{height:200px;padding-top:8px}.bpr-chart svg{width:100%;height:100%;overflow:visible}.bpr-gridlines path{fill:none;stroke:color-mix(in srgb,var(--text-3) 18%,transparent);stroke-width:.6;stroke-dasharray:3 4}.bpr-area{fill:url(#bprArea)}.bpr-line-ok,.bpr-line-loss{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.bpr-line-ok{stroke:var(--ok);stroke-width:2.4}.bpr-line-loss{stroke:var(--warn);stroke-width:1.7;stroke-dasharray:4 3}.bpr-axis{display:flex;justify-content:space-between;color:var(--text-3);font-size:10px}.bpr-zone{display:grid;gap:3px;color:var(--text-3);font-size:10px;text-transform:uppercase}.bpr-zone select{max-width:145px;padding:6px 8px;color:var(--text-1);background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);font:inherit}.bpr-provider-chart{display:grid;gap:13px}.bpr-provider-chart button{display:grid;grid-template-columns:minmax(125px,1fr) minmax(140px,2fr) 48px;align-items:center;gap:12px;width:100%;padding:0;color:var(--text-1);background:none;border:0;font:inherit;text-align:left;cursor:pointer}.bpr-provider-label{display:grid;grid-template-columns:25px 1fr;align-items:center}.bpr-provider-label b{grid-row:1/3;color:var(--text-3)}.bpr-provider-label small{color:var(--text-3);font-size:10px}.bpr-provider-track{display:flex;height:16px;overflow:hidden;border-radius:3px;background:color-mix(in srgb,var(--surface-1) 78%,transparent)}.bpr-provider-track i{height:100%;transition:width .7s ease}.bpr-provider-track .amber{background:linear-gradient(90deg,color-mix(in srgb,var(--warn) 65%,transparent),var(--warn))}.bpr-provider-track .red{background:linear-gradient(90deg,color-mix(in srgb,var(--critical) 72%,transparent),var(--critical))}.bpr-provider-chart em{text-align:right;font-style:normal;font-weight:800}.bpr-version-chart{display:grid;gap:13px}.bpr-version-chart>div{display:grid;grid-template-columns:1fr auto;gap:6px}.bpr-version-chart span{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:var(--font-sm)}.bpr-version-chart span i{width:8px;height:8px;border-radius:50%}.bpr-version-chart>div>div{grid-column:1/-1;height:9px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-1)}.bpr-version-chart>div>div i{display:block;height:100%;border-radius:inherit;transition:width .7s ease}.actualizada{background:var(--ok)}.no_muy_vieja{background:var(--warn)}.muy_vieja{background:var(--critical)}.sin_dato{background:var(--unknown)}.bpr-total{color:var(--text-3);font-size:var(--font-sm)}.bpr-empty{display:grid;place-items:center;min-height:190px;margin:0;padding:var(--space-5);color:var(--text-3);text-align:center}.bpr-empty strong{color:var(--text-1);font-size:var(--font-lg)}.bpr-notice{margin:var(--space-4) 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--warn) 35%,var(--stroke));border-radius:var(--radius-sm);color:var(--text-2);background:color-mix(in srgb,var(--warn) 7%,transparent);font-size:var(--font-xs)}.bpr-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:var(--space-4)}.bpr-device{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--stroke);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.bpr-device>i{width:8px;height:8px;border-radius:50%;background:var(--unknown)}.bpr-device.verde>i{background:var(--ok);box-shadow:0 0 9px var(--ok)}.bpr-device.ambar>i{background:var(--warn)}.bpr-device.rojo>i{background:var(--critical)}.bpr-device div{display:grid;min-width:0}.bpr-device strong{overflow:hidden;font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap}.bpr-device small,.bpr-device span{color:var(--text-3);font-size:10px}.bpr-state{display:grid;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface-grad)}.bpr-state-error strong{color:var(--critical)}.bpr-skeleton{display:block;background:linear-gradient(100deg,var(--surface-3),var(--surface-elevated),var(--surface-3));background-size:200% 100%;border-radius:var(--radius-sm);animation:bpr-shimmer 1.4s infinite}.bpr-skeleton-lg{height:280px}.bpr-skeleton-sm{width:60%;height:20px}@keyframes bpr-shimmer{to{background-position:-200% 0}}@keyframes bpr-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes bpr-enter{0%{opacity:0;transform:scale(.88) rotate(-12deg)}}@media(max-width:850px){.bpr-grid{grid-template-columns:1fr}.bpr-card{min-height:auto}.bpr-donut-wrap{grid-template-columns:150px 1fr}}@media(max-width:520px){.bpr-card{padding:var(--space-4)}.bpr-card-head{flex-direction:column}.bpr-donut-wrap{grid-template-columns:1fr}.bpr-donut{width:160px;margin:auto}.bpr-provider-chart button{grid-template-columns:1fr 48px}.bpr-provider-track{grid-column:1/-1;grid-row:2}.bpr-series-kpis{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.bpr-live i,.bpr-donut,.bpr-skeleton{animation:none}.bpr-provider-track i,.bpr-version-chart i{transition:none}}.board-principal-red{padding:clamp(16px,2vw,28px);border:1px solid var(--stroke);border-radius:var(--radius-lg);background:linear-gradient(150deg,color-mix(in srgb,var(--surface-2) 92%,#142231),var(--surface-1));box-shadow:inset 0 1px #ffffff12,0 16px 36px #00000029}.bpr-card{border-color:var(--stroke);background:linear-gradient(160deg,color-mix(in srgb,var(--surface-3) 75%,#28323e),var(--surface-2));box-shadow:inset 0 1px #ffffff12,0 8px 18px #0000001f}.bpr-card:before{display:none}.bpr-eyebrow{font-size:10px;letter-spacing:.11em}.bpr-card h3{font-size:1.04rem;font-weight:680;letter-spacing:-.02em}.bpr-live{color:var(--text-3)}.bpr-live i{animation:none;box-shadow:none}.bpr-donut-stage{display:grid;place-items:center;aspect-ratio:1}.bpr-donut-wrap{grid-template-columns:140px minmax(0,1fr);gap:16px}.bpr-donut{width:100%;filter:none;animation:none}.bpr-donut:before{display:none}.bpr-donut:after{border:1px solid var(--stroke);background:var(--surface-2);box-shadow:none}.bpr-donut strong{color:var(--text-1);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:650;letter-spacing:-.055em;text-shadow:none}.bpr-provider-chart{gap:6px}.bpr-provider-chart button{padding:9px 7px;border-radius:8px;transition:background .15s ease}.bpr-provider-chart button:hover,.bpr-provider-chart button.elegido{background:color-mix(in srgb,var(--text-1) 5%,transparent)}.bpr-provider-track{height:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-3) 22%,transparent);border-radius:3px;background:color-mix(in srgb,var(--surface-1) 80%,#151c26);box-shadow:inset 0 1px 2px #00000040}.bpr-provider-track i{height:100%;box-shadow:inset 0 1px #ffffff26}.bpr-provider-track .ok{background:linear-gradient(180deg,#608b7b,#2d5d50)}.bpr-provider-track .amber{background:linear-gradient(180deg,#a58a59,#765c36)}.bpr-provider-track .red{background:linear-gradient(180deg,#ac6470,#783843)}.bpr-provider-chart em{padding:4px 7px;border:1px solid var(--stroke);border-radius:6px;background:color-mix(in srgb,var(--surface-3) 72%,transparent);font-variant-numeric:tabular-nums;font-weight:650}.bpr-chart{height:170px}.bpr-area{opacity:.38}.bpr-line-ok{stroke:#6b9b87;stroke-width:2}.bpr-line-loss{stroke:#ad8966;stroke-width:1.5}.bpr-version-chart{grid-template-columns:1fr;gap:12px;min-height:0;padding:0}.bpr-version-chart>div{grid-template-columns:minmax(0,1fr) auto;gap:5px;text-align:left}.bpr-version-chart>div>div{grid-column:1/-1;height:9px;border-radius:3px;background:var(--surface-1)}.bpr-version-chart>div>div i{box-shadow:inset 0 1px #ffffff24}.bpr-version-chart .actualizada{background:linear-gradient(180deg,#608b7b,#2d5d50)}.bpr-version-chart .no_muy_vieja{background:linear-gradient(180deg,#a58a59,#765c36)}.bpr-version-chart .muy_vieja{background:linear-gradient(180deg,#ac6470,#783843)}.bpr-version-chart .sin_dato{background:linear-gradient(180deg,#7d8b99,#52616d)}.bpr-devices-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--stroke);border-radius:6px;background:var(--surface-2);color:var(--text-2);font-size:var(--font-xs)}.bpr-devices-head button{padding:5px 10px;color:var(--text-1);background:var(--surface-1);border:1px solid var(--stroke);border-radius:6px;font:inherit;cursor:pointer}.bpr-empty-devices{grid-column:1/-1}.bpr-device.caido_nuevo>i,.bpr-device.caido>i,.bpr-device.caido_abandonado>i{background:var(--color-caida,var(--critical))}html[data-tema=claro] .board-principal-red{border-color:#a2afbb;background:linear-gradient(150deg,#e6ebf0,#cbd5df);box-shadow:inset 0 1px #fff,0 12px 28px #1e293b1f}html[data-tema=claro] .bpr-card{border-color:#aab6c2;background:linear-gradient(160deg,#f6f8fa,#e2e8ee);box-shadow:inset 0 1px #fff,0 5px 13px #1e293b1a}@media(prefers-reduced-motion:reduce){.bpr-provider-chart button{transition:none}}.dashboard-inicio .kpi{box-shadow:inset 0 1px #ffffff0f,0 6px 14px #0000001a}.dashboard-inicio .kpi:before{box-shadow:none}.dashboard-inicio .barra-kpi i{background:#588775;box-shadow:none}.dashboard-inicio .grafico-anillo{filter:none;box-shadow:none;background:conic-gradient(#588775 0 var(--online),var(--surface-3) var(--online) 100%)}.dashboard-inicio .grafico-anillo:before{box-shadow:none}.dashboard-inicio .barras-latencia i{background:#6b8ca1;box-shadow:none}.refrescar-dashboard{align-self:center;padding:9px 14px;border:1px solid var(--stroke);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);color:var(--text-2);font:inherit;font-size:.83rem;font-weight:650;cursor:pointer}.refrescar-dashboard:hover{border-color:var(--text-3);color:var(--text-1)}@media(max-width:520px){.bpr-donut-wrap{grid-template-columns:1fr}.bpr-donut-stage{width:140px;margin:auto}.refrescar-dashboard{align-self:flex-start}}.tono-caido_nuevo,.tono-caido{--color-caida: var(--critical)}.tono-caido_abandonado{--color-caida: var(--info)}.tono-caido_nuevo{animation:titila-caida 1s steps(1,end) infinite}@keyframes titila-caida{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.tono-caido_nuevo{animation:none}}.en-vivo{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ok) 35%,var(--stroke));background:color-mix(in srgb,var(--ok) 8%,transparent);color:var(--text-2);font-size:var(--font-xs);font-weight:700;white-space:nowrap}.en-vivo i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:late-vivo 2s ease-in-out infinite}.en-vivo.latiendo i{animation-duration:.7s}@keyframes late-vivo{50%{opacity:.35}}.avisos-vivos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--stroke));background:color-mix(in srgb,var(--surface-2) 88%,transparent);color:var(--text-1);font-size:var(--font-xs)}.aviso-vivo{display:inline-flex;align-items:baseline;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--stroke);background:var(--surface-1)}.aviso-vivo b{font-weight:850}.aviso-vivo.cayo,.aviso-vivo.hora{border-color:color-mix(in srgb,var(--critical) 45%,transparent);color:var(--critical)}.aviso-vivo.dia{border-color:color-mix(in srgb,var(--info) 55%,transparent);color:var(--info)}.aviso-vivo.volvio{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}.aviso-vivo.degradado{border-color:color-mix(in srgb,var(--warn) 55%,transparent);color:var(--warn)}.aviso-vivo.normalizado{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}.avisos-vivos button{padding:3px 9px;color:var(--text-2);background:none;border:1px solid var(--stroke);border-radius:999px;font:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.en-vivo i{animation:none}}.aviso-vivo .chulito{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:3px;padding:0;color:var(--text-1);background:color-mix(in srgb,var(--ok) 18%,transparent);border:1px solid color-mix(in srgb,var(--ok) 45%,transparent);border-radius:50%;font-size:11px;line-height:1;cursor:pointer}.aviso-vivo .chulito:hover{background:color-mix(in srgb,var(--ok) 36%,transparent)}.aviso-vivo em{font-style:normal;color:var(--text-3)}