.lab-plan{position:absolute;left:50%;top:50%;width:min(88%,760px);aspect-ratio:1.82;transform:translate(-50%,-50%);border:2px solid #78cfc8;background:#06171bd9;box-shadow:0 22px 45px #0009,0 0 32px #57e5d80b;display:grid;grid-template-columns:34% 46% 20%;grid-template-rows:1fr 1fr;z-index:2}
.plan-zone{appearance:none;border:0;color:var(--text);background:#071a1d66;position:relative;cursor:pointer;transition:.2s;font-family:Inter}
.plan-zone:before{content:"";position:absolute;inset:8px;border:1px solid transparent;border-radius:6px;transition:.2s}
.plan-zone:hover:before,.plan-zone.selected:before{border-color:#57e5d83d;background:#57e5d808}
.plan-zone.selected{background:radial-gradient(circle at center,#57e5d816,transparent 68%)}
.plan-zone>b,.plan-zone>small{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.plan-zone>b{top:47%;font:600 13px "Space Grotesk"}.plan-zone>small{top:59%;font-size:6px;letter-spacing:1.2px;color:var(--cyan)}
.zone-iot{grid-column:1;grid-row:1/3;border-right:2px solid #2b98ac}.zone-redes{grid-column:2;grid-row:1/3;border-right:2px solid #2b98ac}.zone-cub1{grid-column:3;grid-row:1;border-bottom:2px solid #2b98ac}.zone-cub2{grid-column:3;grid-row:2}.zone-cub1>b,.zone-cub2>b{font-size:11px}
.mini-split{position:absolute;height:24px;min-width:76px;padding:4px 7px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #8aa5a3;border-radius:5px;background:#0b2529;color:#c8d9d7;z-index:4;box-shadow:0 4px 10px #0007}.mini-split i{font-style:normal;color:var(--blue);font-size:12px}.mini-split b{font-size:7px}.mini-split small{display:none}.mini-split:hover small{display:block;position:absolute;top:27px;white-space:nowrap;color:var(--muted);font-size:5px;letter-spacing:.7px}
.ac-iot{left:12%;top:2%}.ac-redes{left:55%;top:2%}.ac-cub1{right:2%;top:43%}.ac-cub2{right:2%;top:52%}
.plan-lamp{position:absolute;width:110px;height:20px;border:1px solid #4b8b86;background:#0b2528;display:flex;align-items:center;justify-content:center;gap:7px;z-index:4;transition:.25s}.plan-lamp i{width:44px;height:5px;background:#496a68;border-radius:4px;transition:.25s}.plan-lamp b{font-size:6px;color:var(--muted);letter-spacing:.8px}.plan-lamp.on{border-color:#ffe37b;background:#332f1a;box-shadow:0 0 28px #ffe37b55}.plan-lamp.on i{background:#fff0a3;box-shadow:0 0 14px #ffe37b}.plan-lamp.on b{color:#ffe37b}
.lamp-iot-1{left:8%;top:29%}.lamp-iot-2{left:8%;top:72%}.lamp-redes-1{left:51%;top:29%}.lamp-redes-2{left:51%;top:72%}
.plan-door{position:absolute;bottom:-1px;width:44px;height:45px;border-left:2px solid #2b98ac;border-top:2px solid #2b98ac;border-radius:44px 0 0 0;z-index:4}.plan-door:after{content:"";position:absolute;left:0;bottom:0;height:43px;border-left:2px solid #78cfc8}.plan-door b{position:absolute;left:8px;top:11px;color:var(--muted);font-size:5px;letter-spacing:.6px}.door-iot{left:34%}.door-redes{left:75%}
.plan-caption{position:absolute;left:74px;bottom:14px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:6px;letter-spacing:1px}.plan-caption i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.lab-plan.energy-view .plan-zone{background:linear-gradient(135deg,#ffb23e08,#57e5d810)}.lab-plan.energy-view .plan-lamp.on{animation:energyPulse 1.4s ease-in-out infinite}@keyframes energyPulse{50%{box-shadow:0 0 40px #ffe37b88}}
@media(max-width:1250px){.lab-plan{width:94%}.plan-lamp{width:90px}.lamp-redes-1,.lamp-redes-2{left:50%}}
@media(max-width:650px){.lab-plan{width:96%;aspect-ratio:1.45}.plan-zone>b{font-size:9px}.zone-cub1>b,.zone-cub2>b{font-size:8px}.plan-zone>small{display:none}.mini-split{min-width:38px;height:19px;padding:3px}.mini-split i{display:none}.mini-split b{font-size:6px}.plan-lamp{width:55px;height:15px;gap:3px}.plan-lamp i{width:20px;height:4px}.plan-lamp b{font-size:5px}.lamp-iot-1,.lamp-iot-2{left:6%}.lamp-redes-1,.lamp-redes-2{left:49%}.plan-caption{display:none}}