:root{--bg-void:#0F1214;--bg-panel:#1A1F23;--bg-panel-raised:#22282D;--line:#33393F;--text-primary:#ECEFF2;--text-muted:#8B939B;--accent-amber:#F5A623;--accent-amber-dim:#7A5716;--accent-green:#39D98A;--accent-red:#E5484D;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:Inter,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;z-index:0}a{color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 24px;position:relative;z-index:1}.hazard{height:10px;background:repeating-linear-gradient(-45deg,var(--accent-amber),var(--accent-amber) 14px,var(--bg-void) 14px,var(--bg-void) 28px)}header.nav{padding:18px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(15,18,20,.94);backdrop-filter:blur(10px);z-index:20}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.05em;color:var(--text-muted);text-decoration:none}.brand-mark{width:34px;height:34px;border:1.5px solid var(--accent-amber);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--accent-amber)}.nav-links{display:flex;gap:16px;align-items:center}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:13px}.nav-links a:hover{color:var(--accent-amber)}.status-pill{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.led{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.hero{padding:72px 0 52px;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--accent-amber);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent-amber)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(34px,5vw,54px);line-height:1.07;letter-spacing:-.01em;margin-bottom:18px}h1 span{color:var(--accent-amber)}h2{font-size:28px;margin-bottom:8px}h3{font-size:17px}.lead{color:var(--text-muted);font-size:16.5px;max-width:60ch;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:4px;padding:13px 20px;font-family:'Space Grotesk',sans-serif;font-weight:600;border:1px solid var(--line);background:var(--bg-panel-raised);transition:.15s}.btn.primary{background:var(--accent-amber);color:#0F1214;border-color:var(--accent-amber)}.btn:hover{transform:translateY(-2px);border-color:var(--accent-amber)}.btn.small{padding:9px 13px;font-size:13px}.panel,.card{position:relative;background:var(--bg-panel);border:1px solid var(--line);border-radius:10px}.panel{padding:28px}.bolt{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--bg-panel-raised);border:1px solid var(--line)}.bolt:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:1px;background:var(--text-muted);transform:translate(-50%,-50%) rotate(28deg)}.bolt.tl{top:9px;left:9px}.bolt.tr{top:9px;right:9px}.bolt.bl{bottom:9px;left:9px}.bolt.br{bottom:9px;right:9px}.panel-label,.mono{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.07em;color:var(--text-muted)}.panel-label{display:flex;justify-content:space-between;margin-bottom:18px}.dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px;background:var(--bg-panel-raised);border:1px solid var(--line);border-radius:7px}.metric b{display:block;font-family:'Space Grotesk';font-size:24px;color:var(--accent-amber);margin-top:4px}.progress-shell{height:10px;background:#101315;border:1px solid var(--line);border-radius:99px;overflow:hidden;margin:12px 0}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-amber));width:0;transition:width .25s}.section{padding:56px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{padding:22px 20px 18px;transition:.15s}.module-card:hover{transform:translateY(-3px);border-color:var(--accent-amber-dim)}.mod-num{font-family:'JetBrains Mono';font-size:11px;color:var(--accent-amber);letter-spacing:.06em;display:block;margin-bottom:10px}.module-card p,.muted{color:var(--text-muted);font-size:13.5px}.module-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{font-family:'JetBrains Mono';font-size:10px;padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--text-muted)}.course-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:38px 0 64px}.sidebar{position:sticky;top:92px;align-self:start;padding:20px}.sidebar a{display:block;text-decoration:none;padding:9px 10px;border-left:2px solid var(--line);color:var(--text-muted);font-size:13px}.sidebar a:hover,.sidebar a.active{color:var(--accent-amber);border-color:var(--accent-amber);background:rgba(245,166,35,.05)}.lesson{padding:26px;margin-bottom:18px}.lesson h3{font-size:21px;margin:4px 0 12px}.lesson p{color:var(--text-muted);margin:9px 0}.lesson ul{padding-left:20px;color:var(--text-muted);margin:10px 0}.lesson li{margin:5px 0}.lesson .formula,.callout{background:var(--bg-panel-raised);border-left:3px solid var(--accent-amber);padding:14px 16px;margin:14px 0;font-family:'JetBrains Mono';font-size:13px;color:#d8dde2}.lesson-check{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.complete-btn{cursor:pointer;background:transparent;color:var(--accent-green);border:1px solid #315a46;padding:9px 12px;border-radius:4px;font-family:'JetBrains Mono';font-size:11px}.complete-btn.done{background:rgba(57,217,138,.12)}.quiz{padding:24px}.quiz .q{margin:18px 0}.quiz label{display:block;color:var(--text-muted);margin:6px 0;cursor:pointer}.quiz-result{margin-top:16px;font-family:'JetBrains Mono';font-size:13px}.footer{border-top:1px solid var(--line);padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:15px;color:var(--text-muted);font-family:'JetBrains Mono';font-size:11px}.breadcrumb{padding-top:28px;color:var(--text-muted);font-size:12px}.breadcrumb a{color:var(--accent-amber);text-decoration:none}.objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 0}.objective{padding:16px;background:var(--bg-panel-raised);border:1px solid var(--line);border-radius:6px}.objective b{font-size:13px}.objective p{font-size:12.5px;margin-top:4px}.next-prev{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.warning{border-left-color:var(--accent-red)}
@media(max-width:860px){.hero{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.course-layout{grid-template-columns:1fr}.sidebar{position:static}.objectives{grid-template-columns:1fr}.nav-links{display:none}}@media(max-width:560px){.module-grid{grid-template-columns:1fr}.wrap{padding:0 16px}.hero{padding-top:48px}.dashboard{grid-template-columns:1fr}.footer-inner{flex-direction:column}.lesson-check{align-items:flex-start;flex-direction:column}}

/* ===== V2: conteúdo didático completo ===== */
.module-hero{padding:34px 24px 12px}.module-hero h1{font-size:clamp(30px,4vw,44px)}.module-progress{max-width:620px}
.lesson h4{font-family:'Space Grotesk',sans-serif;font-size:15px;margin:22px 0 8px;color:var(--text-primary)}
.lesson-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.lesson-meta span{font:10px 'JetBrains Mono',monospace;color:var(--accent-green);border:1px solid #315a46;padding:4px 7px;border-radius:99px;background:rgba(57,217,138,.05)}
.worked-example{background:linear-gradient(90deg,rgba(245,166,35,.08),transparent);border:1px solid var(--line);border-left:3px solid var(--accent-amber);border-radius:6px;padding:14px 16px}.worked-example p{margin:0}.step-badge{font:10px 'JetBrains Mono',monospace;color:var(--accent-amber)}
.lesson-diagram{width:100%;min-height:140px;background:#121619;border:1px solid var(--line);border-radius:8px;color:var(--accent-amber);margin:8px 0 6px}.lesson-diagram rect{fill:var(--bg-panel-raised);stroke:var(--line);stroke-width:2}.lesson-diagram path{stroke:currentColor;stroke-width:2;fill:none}.lesson-diagram text{fill:var(--text-primary);font:13px 'JetBrains Mono',monospace}
.simulator{background:#111518;border:1px solid var(--line);border-radius:8px;padding:16px;margin:10px 0}.sim-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font:11px 'JetBrains Mono',monospace;color:var(--accent-amber)}.sim-head span{color:var(--text-muted)}.sim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.sim-grid label{font:11px 'JetBrains Mono',monospace;color:var(--text-muted)}.sim-grid input{width:100%;margin-top:5px;background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--line);border-radius:4px;padding:9px}.sim-output{margin-top:12px;padding:12px;border-left:3px solid var(--accent-green);background:rgba(57,217,138,.05);font:12px 'JetBrains Mono',monospace;color:#d8dde2}
.exercise-list{padding-left:24px;color:var(--text-muted)}.exercise-list li{margin:8px 0;padding-left:3px}
.lesson-eval{background:var(--bg-panel-raised);border:1px solid var(--line);border-radius:8px;padding:15px}.lesson-eval h4{margin-top:0}.lesson-eval .q{margin:14px 0}.lesson-eval label{display:block;color:var(--text-muted);font-size:13px;margin:6px 0}.lesson-eval input{accent-color:var(--accent-amber)}
@media(max-width:620px){.sim-grid{grid-template-columns:1fr}.lesson-diagram{min-height:110px}.lesson{padding:20px}}

/* ===== V3 LABORATÓRIO VIRTUAL ===== */
.lab-callout{padding:24px 0 72px}.lab-callout-panel{display:flex;align-items:center;justify-content:space-between;gap:28px}.lab-callout-panel p{max-width:72ch;color:var(--text-muted);margin-top:10px}.lab-inline{margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid var(--accent-amber-dim);border-radius:8px;background:rgba(245,166,35,.045)}.lab-inline b{display:block;font-family:'JetBrains Mono',monospace;color:var(--accent-amber);font-size:12px}.lab-inline span{display:block;color:var(--text-muted);margin-top:4px;font-size:13px}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lab-station{position:relative;background:var(--bg-panel);border:1px solid var(--line);border-radius:10px;padding:24px;overflow:hidden}.lab-station.wide{grid-column:1/-1}.lab-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.lab-title h3{font:600 19px 'Space Grotesk',sans-serif}.lab-title span{font:11px 'JetBrains Mono',monospace;color:var(--accent-green)}.lab-stage{border:1px solid var(--line);border-radius:8px;background:#111518;padding:18px;min-height:220px}.panel-face{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}.pb{border:none;border-radius:50%;width:64px;height:64px;margin:auto;font-weight:700;cursor:pointer;box-shadow:inset 0 -7px 0 rgba(0,0,0,.28)}.pb.start{background:#39d98a;color:#0f1214}.pb.stop{background:#e5484d;color:white}.pb.reset{background:#f5a623;color:#0f1214}.indicator{width:18px;height:18px;border-radius:50%;background:#32383e;border:1px solid #555;margin:8px auto}.indicator.on{background:var(--accent-green);box-shadow:0 0 16px var(--accent-green)}.device{border:1px solid var(--line);border-radius:7px;padding:12px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px}.device.on{border-color:var(--accent-green);box-shadow:0 0 16px rgba(57,217,138,.18)}.motor-visual{width:110px;height:110px;border:8px solid #59616a;border-radius:50%;margin:16px auto;position:relative}.motor-visual:before{content:"";position:absolute;left:50%;top:50%;width:66px;height:8px;background:var(--accent-amber);transform-origin:0 50%;transform:translateY(-50%)}.motor-visual.running:before{animation:shaft .42s linear infinite}@keyframes shaft{to{transform:translateY(-50%) rotate(360deg)}}.wire{height:4px;background:#3b4248;border-radius:3px;transition:.2s}.wire.live{background:var(--accent-amber);box-shadow:0 0 10px rgba(245,166,35,.65)}.ladder-board{font:14px 'JetBrains Mono',monospace}.rung{display:flex;align-items:center;gap:10px;margin:20px 0}.rail{width:4px;height:45px;background:#7b848c}.contact,.coil{border:1px solid #59616a;padding:8px 12px;border-radius:4px;cursor:pointer;user-select:none}.contact.on,.coil.on{border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 10px rgba(57,217,138,.18)}.rungline{flex:1;height:2px;background:#59616a}.rungline.live{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.io-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.io{padding:10px;border:1px solid var(--line);border-radius:5px;text-align:center;font:11px 'JetBrains Mono',monospace;cursor:pointer}.io.on{background:rgba(57,217,138,.12);border-color:var(--accent-green);color:var(--accent-green)}.scan-line{height:5px;background:var(--line);border-radius:3px;overflow:hidden;margin:15px 0}.scan-line i{display:block;height:100%;width:16%;background:var(--accent-amber);transform:translateX(-110%)}.scan-line.run i{animation:scan 1s linear infinite}@keyframes scan{to{transform:translateX(650%)}}.instrument{max-width:430px;margin:auto}.instrument-display{background:#090d0f;border:1px solid #41505b;color:var(--accent-green);font:700 34px 'JetBrains Mono',monospace;padding:18px;text-align:center;border-radius:6px;text-shadow:0 0 9px rgba(57,217,138,.35)}.range-row{display:flex;justify-content:space-between;color:var(--text-muted);font:11px 'JetBrains Mono',monospace;margin-top:8px}.lab-stage input[type=range]{width:100%;accent-color:var(--accent-amber)}.drive{max-width:390px;margin:auto;border:2px solid #444c53;border-radius:8px;padding:18px;background:#262d32}.drive-screen{background:#07110d;color:#86f5b8;border:2px inset #36443c;padding:14px;font:700 28px 'JetBrains Mono',monospace;text-align:right;letter-spacing:.08em}.drive-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.drive-keys button{padding:10px;background:#383f45;border:1px solid #59616a;color:#eef;border-radius:4px;cursor:pointer}.ramp-wrap{height:150px;border-left:1px solid #59616a;border-bottom:1px solid #59616a;position:relative;margin:18px 8px 6px}.ramp-fill{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--accent-green);transform-origin:left bottom}.ramp-fill.go{animation:rampgrow var(--ramp,4s) linear forwards}@keyframes rampgrow{to{width:100%;transform:translateY(-120px) rotate(-8deg)}}.lab-guide{counter-reset:step}.guide-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.guide-step:before{counter-increment:step;content:counter(step);width:28px;height:28px;border:1px solid var(--accent-amber);color:var(--accent-amber);display:grid;place-items:center;border-radius:50%;font:12px 'JetBrains Mono',monospace}.guide-step.done{opacity:.55}.guide-step.done:before{content:"✓";background:var(--accent-green);border-color:var(--accent-green);color:#07110d}.fault-box{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:6px;font:12px 'JetBrains Mono',monospace;color:var(--text-muted)}
@media(max-width:820px){.lab-grid{grid-template-columns:1fr}.lab-station.wide{grid-column:auto}.lab-callout-panel,.lab-inline{flex-direction:column;align-items:flex-start}.panel-face{grid-template-columns:1fr}.io-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== V4: simulador de bancada industrial ===== */
.v4-kpis{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.v4-kpis>div{min-width:140px;background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;padding:13px 16px}.v4-kpis b{display:block;color:var(--accent-amber);font:700 24px 'Space Grotesk'}.v4-kpis span{font:10px 'JetBrains Mono';color:var(--text-muted);text-transform:uppercase}.plc-toolbar,.trend-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ladder-v4{border:1px solid var(--line);background:#0d1113;border-radius:7px;padding:8px;overflow:auto}.v4-rung{min-width:820px;height:88px;display:flex;align-items:center;gap:0;position:relative;border-bottom:1px dashed #252b30}.v4-rung:last-child{border:0}.rung-no{width:42px;color:#65707a;font:10px 'JetBrains Mono'}.rail-v{width:5px;height:72px;background:#58616a}.wire-v{height:3px;flex:1;min-width:35px;background:#58616a;transition:.2s}.lad-contact,.lad-coil,.lad-block{background:#171c20;color:#cdd3d8;border:1px solid #46505a;border-radius:4px;padding:9px 10px;font:11px 'JetBrains Mono';white-space:nowrap}.lad-contact{cursor:pointer}.lad-contact.on,.lad-coil.on,.lad-block.on{border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 12px rgba(57,217,138,.14)}.v4-rung.on .wire-v{background:var(--accent-green);box-shadow:0 0 8px rgba(57,217,138,.35)}.io-monitor{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.io-monitor span{border:1px solid var(--line);border-radius:4px;padding:6px 8px;font:10px 'JetBrains Mono';color:var(--text-muted)}.io-monitor i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3a4046;margin-left:5px}.io-monitor i.on{background:var(--accent-green);box-shadow:0 0 7px var(--accent-green)}.v4-select{display:block;width:100%;margin:8px 0 12px;background:#101416;color:var(--text-primary);border:1px solid var(--line);padding:9px;border-radius:4px}.fault-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.fault-panel>div{background:#121619;border:1px solid var(--line);padding:10px;font:10px 'JetBrains Mono';color:var(--text-muted)}.fault-panel b{display:block;color:var(--accent-amber);font-size:15px;margin-top:4px}.meter{background:#d7aa42;border-radius:16px;padding:18px;border:5px solid #1c2023;box-shadow:inset 0 0 0 2px #8c6c27}.meter-display{background:#9daa83;color:#172015;border:4px inset #53614e;border-radius:5px;font:700 34px 'JetBrains Mono';text-align:right;padding:12px;margin-bottom:15px}.meter-controls{display:grid;gap:8px}.meter .v4-select{background:#2b2f31}.sd-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.sd-power{min-height:330px;background:#101416;border:1px solid var(--line);position:relative;border-radius:8px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase{text-align:center;color:var(--accent-amber);font:12px 'JetBrains Mono';border-bottom:3px solid #555d65;padding:5px}.contactor{align-self:center;text-align:center;border:2px solid #59616a;border-radius:5px;padding:14px;font:11px 'JetBrains Mono';transition:.2s}.contactor.on{border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 15px rgba(57,217,138,.2)}.motor-big{grid-column:1/-1;justify-self:center;width:120px;height:120px;border:8px solid #424950;border-radius:50%;display:grid;place-items:center;position:relative}.motor-big span{font:700 36px 'Space Grotesk';color:#9099a1}.motor-big i{position:absolute;width:5px;height:44px;background:var(--accent-amber);top:9px;transform-origin:50% 51px}.motor-big.running i{animation:rotor .34s linear infinite}.motor-big.running{border-color:var(--accent-green);box-shadow:0 0 18px rgba(57,217,138,.2)}@keyframes rotor{to{transform:rotate(360deg)}}.sd-panel{display:flex;flex-direction:column;gap:14px}.sd-buttons{display:flex;gap:14px}.hmi-shell{background:#20272b;border:8px solid #3b444a;border-radius:14px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.hmi-top{display:flex;justify-content:space-between;background:#0f2d3a;border:1px solid #31586a;padding:9px 12px;color:#86d7ff;font:12px 'JetBrains Mono'}.hmi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.hmi-card{background:#11212a;border:1px solid #2f5364;border-radius:5px;padding:12px;color:#91cce8}.hmi-card span,.hmi-card b{display:block;margin-bottom:8px}.hmi-card b{font:700 17px 'JetBrains Mono';color:#fff}.hmi-card button{background:#183c4d;color:#bdeaff;border:1px solid #376e88;border-radius:3px;padding:6px;margin:2px}.hmi-card.alarm{border-color:#734046}.comms-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#86d7ff;font:11px 'JetBrains Mono'}.comms-strip i{height:4px;flex:1;min-width:70px;background:#236b84;position:relative;overflow:hidden}.comms-strip i:after{content:"";position:absolute;left:-30%;width:30%;height:100%;background:#9ce8ff;animation:packet 1s linear infinite}@keyframes packet{to{left:110%}}.comms-strip.off i{background:#4a3033}.comms-strip.off i:after{display:none}.trend-canvas{width:100%;height:280px;background:#0d1113;border:1px solid var(--line);border-radius:6px}.trend-controls label{font:11px 'JetBrains Mono';color:var(--text-muted)}.trend-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font:11px 'JetBrains Mono'}.challenge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}.challenge-tile{padding:12px 8px;text-align:center;border:1px solid var(--line);border-radius:5px;background:#121619;font:10px 'JetBrains Mono';color:var(--text-muted)}.challenge-tile.active{border-color:var(--accent-amber);color:var(--accent-amber)}.challenge-tile.done{border-color:var(--accent-green);color:var(--accent-green)}.challenge-tile.locked{opacity:.35}.challenge-console{border:1px solid var(--line);background:#101416;border-radius:7px;padding:18px}.challenge-console p{color:var(--text-muted);margin:8px 0 14px}.challenge-option{display:block;padding:9px 10px;border:1px solid var(--line);border-radius:4px;margin:6px 0;color:var(--text-muted);cursor:pointer}.challenge-option:has(input:checked){border-color:var(--accent-amber);color:var(--text-primary);background:rgba(245,166,35,.05)}
@media(max-width:900px){.sd-layout{grid-template-columns:1fr}.hmi-grid{grid-template-columns:1fr 1fr}.challenge-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.hmi-grid{grid-template-columns:1fr}.fault-panel{grid-template-columns:1fr}.challenge-grid{grid-template-columns:repeat(2,1fr)}}
/* V5 PLANTA INDUSTRIAL */
.v5-process{min-height:330px;display:flex;align-items:center;justify-content:center;gap:16px;padding:28px 8px;overflow:auto}.v5-tank{width:180px;height:250px;border:4px solid var(--line);border-top:0;border-radius:0 0 18px 18px;position:relative;overflow:hidden;background:#101519;flex:0 0 auto}.v5-liquid{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(57,217,138,.55),rgba(57,217,138,.18));transition:height .35s}.v5-tank>b,.v5-tank>i,.v5-level{position:absolute;z-index:2;left:50%;transform:translateX(-50%)}.v5-tank>b{top:18px}.v5-tank>i{bottom:18px;color:var(--text-muted)}.v5-level{top:48%;font:700 24px 'JetBrains Mono';color:#fff}.v5-pump{width:90px;height:90px;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}.v5-pump i{width:36px;height:36px;border:5px dashed var(--text-muted);border-radius:50%}.v5-pump.on{border-color:var(--accent-green);box-shadow:0 0 18px rgba(57,217,138,.22)}.v5-pump.on i{border-color:var(--accent-green);animation:spin .7s linear infinite}.v5-pump b{position:absolute;bottom:-28px}.v5-pump small{position:absolute;top:-25px;color:var(--text-muted)}.v5-valve{width:78px;text-align:center;padding:14px 5px;border:1px solid var(--line);clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,50% 50%,0 85%);background:var(--bg-panel-raised);min-height:80px}.v5-valve b,.v5-valve small{display:block}.v5-pipe{height:12px;width:100px;background:var(--line);position:relative;flex:0 0 auto}.v5-pipe span{position:absolute;top:-28px;font:11px 'JetBrains Mono';color:var(--text-muted)}.plant-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.plant-controls label,.lab-stage>label{font:12px 'JetBrains Mono';color:var(--text-muted)}.v5-logic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v5-logic>div{border:1px solid var(--line);padding:14px;display:flex;justify-content:space-between}.v5-logic i{width:12px;height:12px;border-radius:50%;background:var(--accent-red)}.v5-logic i.ok{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.alarm-list{margin-top:14px;font:12px 'JetBrains Mono';max-height:130px;overflow:auto}.alarm-list div{padding:7px;border-bottom:1px solid var(--line)}.alarm-list .active{color:var(--accent-red)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.v5-process{justify-content:flex-start}.v5-logic{grid-template-columns:1fr}.v5-pipe{width:55px}}