.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{position:relative;isolation:isolate;padding:clamp(16px,2vw,28px);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--stroke));border-radius:calc(var(--radius-lg) + 8px);background:radial-gradient(circle at 7% -8%,rgb(var(--accent-rgb)/.22),transparent 34%),radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--data-4) 20%,transparent),transparent 30%),linear-gradient(155deg,color-mix(in srgb,var(--surface-0) 98%,#01050d),color-mix(in srgb,var(--surface-2) 88%,#06182b));box-shadow:inset 0 1px #ffffff17,0 30px 72px #0000004d}.board-principal-red:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:.45;background-image:linear-gradient(rgb(var(--accent-rgb)/.08) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.08) 1px,transparent 1px);background-size:34px 34px;transform:perspective(760px) rotateX(7deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black)}.bpr-card{border-color:color-mix(in srgb,var(--accent) 26%,var(--stroke));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-3) 78%,transparent),color-mix(in srgb,var(--surface-1) 94%,#020815));box-shadow:inset 0 1px #ffffff1a,inset -12px -14px 30px #00000029,12px 18px 0 -12px color-mix(in srgb,var(--accent) 14%,transparent),0 26px 46px #00000045,0 0 42px -30px var(--accent);transform-style:preserve-3d;transition:transform .35s var(--ease-standard),box-shadow .35s var(--ease-standard)}.bpr-card:hover{transform:perspective(980px) translateY(-5px) rotateX(1.2deg) rotateY(-.6deg);box-shadow:inset 0 1px #ffffff21,14px 21px 0 -12px color-mix(in srgb,var(--accent) 18%,transparent),0 32px 56px #00000052,0 0 44px -24px var(--accent)}.bpr-eyebrow,.bpr-card h3{text-transform:uppercase;letter-spacing:.1em}.bpr-donut-stage{display:grid;place-items:center;aspect-ratio:1;perspective:720px;filter:drop-shadow(0 24px 18px rgb(0 0 0/.34))}.bpr-donut{position:relative;isolation:isolate;width:100%;transform:rotateX(18deg) rotate(-5deg);transform-style:preserve-3d;filter:drop-shadow(0 0 22px rgb(var(--accent-rgb)/.22));animation:bpr-donut-isometric .9s cubic-bezier(.2,.78,.2,1)}.bpr-donut:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--segmentos);filter:brightness(.34) saturate(.8);transform:translateY(16px) scale(.985);box-shadow:0 12px 22px #00000061}.bpr-donut:after{border:1px solid rgb(255 255 255/.12);background:radial-gradient(circle at 34% 24%,color-mix(in srgb,var(--surface-3) 88%,white 12%),var(--surface-1) 70%);box-shadow:inset 9px 10px 20px #ffffff0a,inset -12px -14px 24px #0000004d,0 5px #0000003d}.bpr-donut strong{background:linear-gradient(180deg,#fff 8%,var(--accent) 72%,color-mix(in srgb,var(--accent) 62%,#041023));background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 10px 28px rgb(var(--accent-rgb)/.28)}.bpr-provider-chart{perspective:760px}.bpr-provider-chart button{padding:8px;border-radius:var(--radius-md);transition:transform .25s ease,background .25s ease}.bpr-provider-chart button:hover{background:rgb(var(--accent-rgb)/.07);transform:translate(5px)}.bpr-provider-track{height:27px;overflow:visible;padding:4px 10px 4px 4px;border:1px solid rgb(255 255 255/.07);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 78%,black),color-mix(in srgb,var(--surface-3) 90%,#020711));box-shadow:inset 0 5px 9px #00000061,0 10px 18px #0003;transform:rotateX(4deg);transform-style:preserve-3d}.bpr-provider-track i{position:relative;height:100%;min-width:0;overflow:visible;border-radius:999px;transform-style:preserve-3d;animation:bpr-prism-enter .85s cubic-bezier(.2,.78,.2,1)}.bpr-provider-track i:before{content:"";position:absolute;left:5px;right:0;top:-6px;height:7px;border-radius:999px 999px 35% 35%;background:linear-gradient(90deg,#ffffff6b,#ffffff14);clip-path:polygon(4px 100%,100% 100%,calc(100% - 7px) 0,10px 0);filter:brightness(1.2)}.bpr-provider-track i:after{content:"";position:absolute;top:-2px;right:-8px;width:9px;height:calc(100% + 2px);background:linear-gradient(180deg,#ffffff14,#00000080);clip-path:polygon(0 3px,100% 0,100% calc(100% - 6px),0 100%);filter:brightness(.55)}.bpr-provider-track .amber{background:linear-gradient(180deg,#fff39a 0%,var(--warn) 43%,#b74708 100%);box-shadow:inset 0 2px #ffffff4d,0 0 18px color-mix(in srgb,var(--warn) 52%,transparent),0 9px 12px #00000040}.bpr-provider-track .red{background:linear-gradient(180deg,#ff9fbd 0%,var(--critical) 48%,#6f1035 100%);box-shadow:inset 0 2px #ffffff47,0 0 18px color-mix(in srgb,var(--critical) 48%,transparent),0 9px 12px #00000040}.bpr-chart-ribbon{perspective:900px;transform:rotateX(1.5deg);transform-origin:bottom}.bpr-area-depth{fill:url(#bprAreaDepth);opacity:.8;filter:blur(1.2px)}.bpr-area{fill:url(#bprArea);filter:drop-shadow(0 12px 10px rgb(0 0 0/.18))}.bpr-line-depth{fill:none;stroke:#0006;stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.bpr-line-ok{stroke:url(#bprLine);stroke-width:3;filter:drop-shadow(0 0 6px var(--ok)) drop-shadow(0 7px 7px rgb(0 0 0/.2))}.bpr-line-loss{filter:drop-shadow(0 0 5px var(--warn))}.bpr-version-chart{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px;min-height:210px;padding:12px 8px 0;perspective:720px}.bpr-version-chart>div{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;justify-items:center;height:100%;text-align:center}.bpr-version-chart>div>div{grid-column:auto;align-self:end;display:flex;align-items:flex-end;width:34px;height:132px;padding:4px;overflow:visible;border-radius:999px;background:linear-gradient(180deg,var(--surface-3),var(--surface-1));box-shadow:inset 0 5px 9px #0000004d,10px 14px 18px #00000038;transform:rotateX(4deg)}.bpr-version-chart>div>div i{width:100%!important;min-height:8px;border-radius:999px;background:linear-gradient(180deg,#e8ffff,var(--bar-color,var(--accent)) 32%,color-mix(in srgb,var(--bar-color,var(--accent)) 50%,#061126));box-shadow:inset 0 3px #ffffff3d,0 0 16px color-mix(in srgb,var(--bar-color,var(--accent)) 48%,transparent),6px 8px 0 -4px #00000059}.bpr-version-chart .actualizada{--bar-color:var(--ok)}.bpr-version-chart .no_muy_vieja{--bar-color:var(--warn)}.bpr-version-chart .muy_vieja{--bar-color:var(--critical)}.bpr-version-chart .sin_dato{--bar-color:var(--unknown)}@keyframes bpr-donut-isometric{0%{opacity:0;transform:rotateX(28deg) rotate(-38deg) scale(.72)}to{opacity:1;transform:rotateX(18deg) rotate(-5deg) scale(1)}}@keyframes bpr-prism-enter{0%{width:0;opacity:.25;transform:translateZ(-20px)}to{opacity:1;transform:translateZ(0)}}@media(max-width:520px){.bpr-donut-stage{width:160px;margin:auto}.bpr-provider-track{padding-right:8px}}@media(prefers-reduced-motion:reduce){.bpr-card,.bpr-provider-chart button{transition:none}.bpr-card:hover,.bpr-provider-track,.bpr-chart-ribbon{transform:none}.bpr-donut,.bpr-provider-track i{animation:none;transform:none}}