:root{
    --room-bg:#020812;
    --room-bg-2:#07182b;
    --room-panel:#081827;
    --room-line:rgba(91,190,255,.30);
    --room-cyan:#66d9ff;
    --room-blue:#1685e6;
    --room-gold:#f2c94c;
    --room-white:#eef8ff;
    --room-muted:#90a9be;
    --room-x:0;
    --room-y:0;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#020812}
body.control-room-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--room-white);overflow-x:hidden}
.control-room{position:relative;min-height:100svh;overflow:hidden;padding:clamp(24px,3vw,48px);background:
    linear-gradient(180deg,rgba(1,7,15,.20),rgba(1,7,15,.66)),
    radial-gradient(circle at 82% 22%,rgba(27,132,224,.26),transparent 28%),
    radial-gradient(circle at 22% 66%,rgba(23,98,167,.16),transparent 35%),
    linear-gradient(135deg,#020812 0%,#061526 45%,#020812 100%)}
.control-room::before{content:"";position:absolute;inset:0;pointer-events:none;background:
    repeating-linear-gradient(90deg,transparent 0 139px,rgba(87,191,255,.045) 140px),
    repeating-linear-gradient(0deg,transparent 0 89px,rgba(87,191,255,.035) 90px);opacity:.55;transform:translate(calc(var(--room-x)*-6px),calc(var(--room-y)*-4px));transition:transform .12s linear}
.control-room::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#4fd4ff 14%,#176fd3 55%,#65ddff 84%,transparent);box-shadow:0 0 24px rgba(69,201,255,.62)}
.control-room-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ambient-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(81,199,255,.7),transparent);filter:drop-shadow(0 0 8px rgba(74,194,255,.55));animation:room-line-scan 9s linear infinite}
.ambient-line.l1{width:42%;top:18%;left:-12%}.ambient-line.l2{width:56%;top:66%;right:-8%;animation-delay:-3s}.ambient-line.l3{width:34%;top:43%;left:32%;animation-delay:-6s}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.18}.ambient-orb.o1{width:380px;height:380px;background:#1378d2;right:-130px;top:16%}.ambient-orb.o2{width:300px;height:300px;background:#3ccfff;left:-130px;bottom:6%}
.control-room-brand{position:absolute;z-index:3;left:clamp(24px,3vw,48px);top:clamp(42px,6vh,78px);width:30%;max-width:520px;padding:0;transform:translate(calc(var(--room-x)*-4px),calc(var(--room-y)*-2px));transition:transform .16s linear}
.control-room-kicker{margin:0 0 10px;color:#a8c4d9;font-size:clamp(10px,.75vw,13px);font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.control-room-brand h1{margin:0;color:var(--room-gold);font-size:clamp(72px,8.2vw,150px);line-height:.82;letter-spacing:.025em;font-weight:950;text-shadow:0 0 38px rgba(242,201,76,.16),0 5px 0 rgba(70,45,0,.38)}
.control-room-subtitle{margin:20px 0 0;color:#f4f7fa;font-size:clamp(16px,1.35vw,26px);font-weight:520;letter-spacing:.055em}
.control-room-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;color:#92abc0;font-size:10px;font-weight:850;letter-spacing:.14em}
.control-room-status span{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(99,187,239,.18);border-radius:999px;background:rgba(3,15,28,.54);backdrop-filter:blur(10px)}
.control-room-status i{width:7px;height:7px;border-radius:50%;background:#35dfa0;box-shadow:0 0 14px rgba(53,223,160,.75)}
.monitor-wall{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(190px,24vh);gap:clamp(10px,1vw,16px);margin-left:34%;margin-top:4vh;perspective:1600px;transform:translate(calc(var(--room-x)*6px),calc(var(--room-y)*3px));transition:transform .16s linear}
.ops-monitor{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(89,190,255,.28);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(9,28,48,.96),rgba(4,16,28,.97));box-shadow:0 14px 36px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025),0 0 0 1px rgba(14,93,153,.10);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ops-monitor:hover{z-index:10;transform:translateY(-4px) scale(1.012);border-color:rgba(103,215,255,.68);box-shadow:0 24px 52px rgba(0,0,0,.45),0 0 28px rgba(35,158,224,.13)}
.ops-monitor header{height:31px;flex:0 0 31px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid rgba(75,173,230,.16);background:linear-gradient(90deg,rgba(15,51,84,.94),rgba(8,30,51,.88));color:#dcefff;font-size:9px;letter-spacing:.065em}
.ops-monitor header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ops-monitor header small{margin-left:auto;color:#6e9ebd;font-size:7px;font-weight:850;letter-spacing:.12em;white-space:nowrap}
.monitor-dot{width:6px;height:6px;border-radius:50%;background:#43d5ff;box-shadow:0 0 10px rgba(67,213,255,.8)}
.monitor-screen{position:relative;flex:1;overflow:hidden;background:linear-gradient(135deg,#071426,#0b2238)}
.monitor-screen::before{content:"CARGANDO SISTEMA";position:absolute;inset:0;display:grid;place-items:center;color:#5c86a2;font-size:8px;font-weight:900;letter-spacing:.16em;z-index:0}
.ops-monitor.is-loaded .monitor-screen::before{display:none}
.monitor-screen iframe{position:absolute;z-index:1;left:0;top:0;width:1440px;height:900px;border:0;pointer-events:none;transform-origin:0 0;transform:scale(.235);filter:saturate(.88) brightness(.92) contrast(1.03);background:#eef3f9}
.monitor-scan{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 48%,rgba(71,211,255,.06) 49%,transparent 51%);background-size:100% 9px;mix-blend-mode:screen;opacity:.38}
.monitor-open{position:absolute;z-index:4;inset:31px 0 0;display:flex;align-items:flex-end;justify-content:flex-end;padding:8px;color:transparent;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.08em;transition:background .2s ease,color .2s ease}
.ops-monitor:hover .monitor-open{color:#d8f5ff;background:linear-gradient(180deg,transparent 48%,rgba(3,16,28,.72) 100%)}
.monitor-open span{margin-left:5px;color:#67dcff}
.control-desk{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(18px,2vh,28px) clamp(0px,12vw,220px) 0;background:linear-gradient(180deg,rgba(10,29,48,.94),rgba(3,13,23,.98));padding:13px;border:1px solid rgba(85,184,235,.18);border-radius:14px 14px 4px 4px;box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.025);transform:perspective(900px) rotateX(5deg)}
.desk-panel{min-width:0;padding:10px 12px;border:1px solid rgba(76,172,226,.16);border-radius:8px;background:linear-gradient(135deg,rgba(12,41,67,.72),rgba(5,21,37,.72));text-decoration:none;transition:.2s ease}
.desk-panel:hover{border-color:rgba(94,213,255,.56);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.desk-panel span{display:block;color:#61cef4;font-size:8px;font-weight:900;letter-spacing:.13em}.desk-panel strong{display:block;margin-top:4px;color:#f0f8ff;font-size:14px;letter-spacing:.04em}.desk-panel i{display:block;margin-top:4px;color:#708ea6;font-size:8px;font-style:normal}
.control-room-floor{position:absolute;z-index:0;left:-15%;right:-15%;bottom:-22%;height:45%;transform:perspective(550px) rotateX(64deg);transform-origin:bottom;background:repeating-linear-gradient(90deg,transparent 0 94px,rgba(45,168,233,.13) 95px),repeating-linear-gradient(0deg,transparent 0 62px,rgba(45,168,233,.12) 63px);opacity:.42;mask-image:linear-gradient(0deg,#000 10%,transparent 95%)}
@keyframes room-line-scan{0%{transform:translateX(-30vw);opacity:0}15%{opacity:.55}85%{opacity:.55}100%{transform:translateX(120vw);opacity:0}}

@media(min-width:1500px){.monitor-wall{grid-auto-rows:minmax(210px,25vh)}.monitor-screen iframe{transform:scale(.255)}}
@media(max-width:1180px){.control-room{padding:26px}.control-room-brand{position:relative;left:auto;top:auto;width:auto;max-width:680px;padding-top:24px}.monitor-wall{margin-left:0;margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:205px}.monitor-screen iframe{transform:scale(.22)}.control-desk{margin-inline:0}}
@media(max-width:900px){.control-room{padding:20px}.control-room-brand{position:relative;left:auto;top:auto;width:auto;max-width:none;padding:28px 0 20px}.control-room-brand h1{font-size:clamp(62px,19vw,110px)}.control-room-subtitle{font-size:15px}.monitor-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.monitor-screen iframe{display:none}.monitor-screen::before{content:"PANEL OPERATIVO";color:#68bfe8;background:radial-gradient(circle at center,rgba(18,111,167,.18),transparent 58%)}.control-desk{grid-template-columns:repeat(2,minmax(0,1fr));transform:none}.monitor-open{color:#d8f5ff;background:linear-gradient(180deg,transparent 45%,rgba(3,16,28,.72) 100%)}}
@media(max-width:560px){.control-room{padding:16px}.control-room-kicker{font-size:8px}.control-room-brand h1{font-size:64px}.control-room-subtitle{font-size:12px;line-height:1.45}.control-room-status{display:none}.monitor-wall{grid-template-columns:1fr;grid-auto-rows:150px;gap:9px}.control-desk{grid-template-columns:1fr 1fr;gap:8px;padding:9px}.desk-panel{padding:9px}.desk-panel i{display:none}}
@media(prefers-reduced-motion:reduce){.ambient-line{animation:none}.ops-monitor,.desk-panel,.control-room::before,.control-room-brand,.monitor-wall{transition:none}}