:root{--fondo: #0b0f14;--panel: #151b23;--panel-2: #1e2630;--borde: #2b3440;--texto: #eef2f6;--mute: #b3bec9;--verde: #35c46b;--ambar: #e0a92b;--rojo: #e5484d;--azul: #4c8dff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--texto);overflow:hidden;font-variant-numeric:tabular-nums}.tv{height:100%;display:flex;flex-direction:column;padding:1.6vh 1.6vw;gap:1.4vh}.txt-verde{color:var(--verde)}.txt-ambar{color:var(--ambar)}.txt-rojo{color:var(--rojo)}.bd-verde{border-color:var(--verde)!important;box-shadow:inset 0 0 0 .5vh #35c46b47}.bd-ambar{border-color:var(--ambar)!important;box-shadow:inset 0 0 0 .5vh #e0a92b4d}.bd-rojo{border-color:var(--rojo)!important;box-shadow:inset 0 0 0 .5vh #e5484d52}.maquina.bd-verde,.maquina.bd-ambar,.maquina.bd-rojo,.panel.bd-verde,.panel.bd-ambar,.panel.bd-rojo{border-width:2px}header{display:flex;align-items:center;gap:1.4vw}header .marca{font-size:3.6vh;font-weight:800;letter-spacing:.04em}header .sp{flex:1}header .reloj{font-size:4vh;font-weight:800}header .centro{display:flex;align-items:center;gap:1.1vw}header .fecha{font-size:2.3vh;font-weight:700;color:var(--mute);text-transform:capitalize}header .estado{display:flex;align-items:center;gap:.5vw;font-size:2.3vh;font-weight:700;color:var(--verde);letter-spacing:.05em}header .estado.mal{color:var(--rojo)}header .estado .punto{width:1.5vh;height:1.5vh;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.maquinas{display:grid;grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:1vw}.maquinas .vacio{grid-column:1 / -1;padding:4vh;text-align:center;color:var(--mute);font-size:3vh;background:var(--panel);border-radius:1.4vh}.maquina{background:var(--panel);border:1px solid var(--borde);border-radius:1.4vh;padding:1.8vh 1.4vw;display:flex;flex-direction:column;gap:.9vh}.maquina .top{display:flex;justify-content:space-between;align-items:baseline}.maquina .nom{font-size:3.4vh;font-weight:800}.maquina .pol{font-size:2.4vh;font-weight:700;color:var(--azul);text-transform:uppercase;letter-spacing:.03em}.maquina .valor{font-size:7.4vh;font-weight:800;line-height:1}.maquina .valor span{font-size:2.8vh;font-weight:600;color:var(--mute)}.maquina .sub{font-size:2.6vh;color:var(--texto);font-weight:600}.maquina .sub.aviso{color:var(--ambar)}.maquina .pie{display:flex;justify-content:space-between;font-size:2.7vh;color:var(--mute);font-weight:600;margin-top:auto;padding-top:.5vh}.barra{position:relative;height:2.3vh;background:var(--panel-2);border-radius:999px;overflow:hidden}.barra>span{display:block;height:100%;border-radius:999px;transition:width .7s ease,background .7s ease}.barra>i{position:absolute;top:-.4vh;bottom:-.4vh;width:.45vh;background:#fff;border-radius:2px;transform:translate(-50%);box-shadow:0 0 0 1px #00000080}.verde{background:var(--verde)}.ambar{background:var(--ambar)}.rojo{background:var(--rojo)}.barra.sutil{height:1.7vh;overflow:visible}.barra.sutil>span{opacity:.85}.barra.sutil .pct{position:absolute;right:.6vw;top:50%;transform:translateY(-50%);font-size:1.7vh;font-weight:800;color:var(--texto);text-shadow:0 0 4px var(--fondo),0 0 4px var(--fondo)}.areas{flex:1;display:grid;grid-template-columns:1.5fr 1fr;gap:1vw;min-height:0}.areas.con-maquila{grid-template-columns:1.3fr 1.3fr 1fr}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:1.4vh;padding:1.8vh 1.4vw;display:flex;flex-direction:column;gap:.9vh;min-height:0;overflow:hidden}.panel h2{font-size:2.5vh;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:800}.area-num{display:flex;align-items:baseline;gap:1vw;flex-wrap:wrap}.area-num .grande{font-size:5.6vh;font-weight:800;line-height:1}.area-num .grande em{font-size:3vh;font-style:normal;color:var(--mute)}.area-num .area-lbl{font-size:2.4vh;font-weight:600;color:var(--mute)}.area-num .area-kg{margin-left:auto;font-size:3.6vh;font-weight:800;color:var(--azul);text-align:right;line-height:1.1}.area-num .area-kg em{display:block;font-size:1.8vh;font-weight:700;font-style:normal;letter-spacing:.03em;text-transform:uppercase;color:var(--mute)}.avance{display:flex;flex-direction:column;gap:.5vh}.avance-top{display:flex;justify-content:space-between;align-items:baseline}.avance-lbl{font-size:2vh;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.03em}.avance-kg{font-size:2.8vh;font-weight:800;color:var(--azul)}.avance-disp{display:flex;flex-wrap:wrap;gap:.4vh 1.4vw;font-size:2vh;color:var(--mute);font-weight:600}.avance-disp b{color:var(--texto);font-weight:800}.panel-sub{font-size:2.6vh;color:var(--texto);font-weight:600}.panel .mute{color:var(--mute);font-size:2.2vh}.ok-txt{color:var(--verde);font-size:2.6vh;font-weight:700}.mat-lista{flex:1;display:flex;flex-direction:column;gap:.5vh;overflow:hidden;margin-top:.4vh}.mat-lista .mat{display:flex;justify-content:space-between;font-size:2.5vh;padding:.5vh 0;border-bottom:1px solid var(--borde)}.mat-lista .mat .g{font-weight:700}.mat-lista .mat .k{font-weight:800}.personas-maquila{display:flex;flex-direction:column;gap:.7vh}.persona-fila{display:flex;flex-direction:column;gap:.3vh;padding:.4vh 0;border-bottom:1px solid var(--borde)}.persona-top{display:flex;justify-content:space-between;align-items:baseline;font-size:2.5vh}.persona-top .nombre{font-weight:700}.persona-top .kg{font-weight:800}.persona-top .kg em{font-style:normal;color:var(--mute);font-weight:700}.directos{margin-top:auto;padding-top:.8vh;border-top:2px solid var(--borde);font-size:2.4vh;color:var(--mute)}.directos b{color:var(--texto);font-weight:800}.panel.cola{border-color:var(--ambar)}.lista-cola{display:flex;flex-direction:column;gap:.4vh;overflow:hidden}.lista-cola .cont{display:grid;grid-template-columns:1fr auto auto;gap:1vw;align-items:center;font-size:2.7vh;padding:.7vh 0;border-bottom:1px solid var(--borde)}.lista-cola .cl{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.6vw}.lista-cola .u{font-weight:800;min-width:3ch;text-align:right}.lista-cola .k{font-weight:800;color:var(--azul);text-align:right;white-space:nowrap}.lista-cola .d{background:var(--rojo);color:#fff;border-radius:999px;padding:.1vh .7vw;font-size:1.9vh;font-weight:700}.franja{display:flex;align-items:center;gap:.8vw;flex-wrap:wrap;background:var(--panel);border:1px solid var(--borde);border-radius:1.2vh;padding:1.1vh 1.2vw}.franja .et{font-size:2.2vh;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:800}.franja .chip{font-size:2.6vh;background:var(--panel-2);border-radius:999px;padding:.5vh 1vw}.franja .chip b{font-weight:800}.disp-hoy{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4vh 1.4vw;font-size:2.1vh;color:var(--mute);font-weight:600}.disp-hoy .et{font-size:1.7vh;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.disp-hoy b{color:var(--texto);font-weight:800}.banner-stale{position:fixed;top:0;right:0;bottom:0;left:0;background:#e5484df2;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:5.5vh;font-weight:800;text-align:center;gap:1.5vh;z-index:50}.banner-stale small{font-size:2.5vh;font-weight:500}