/* ElectroLab · taller interactivo. Las ilustraciones originales se conservan. */
.topbar{background:#10292f;border-bottom:1px solid #385158}.brand small{font-size:11px}.brand-mark{box-shadow:0 3px 0 #94ac4c}.workspace-panel{background:radial-gradient(ellipse at 65% 0,#224d52,transparent 60%),#102a30;color:#edf7f5;padding-bottom:26px}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 8px}.play-heading h1{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.035em;margin:5px 0 0;color:#f2f7f4}.play-heading .eyebrow{color:#93c6bc;font-size:10px}.play-modes{display:flex;gap:4px;background:#091f24;padding:5px;border:1px solid #456068;border-radius:13px}.play-modes button{min-height:42px;border:0;border-radius:9px;padding:0 13px;color:#bed4d5;background:transparent;font-size:13px;font-weight:750;white-space:nowrap}.play-modes button[aria-pressed=true]{color:#102b2c;background:#d7f487;box-shadow:0 3px 0 #99b55a}.workspace-toolbar{padding:12px 24px 16px;gap:10px}.project-title{font-size:16px;color:#ecf6f1;min-height:30px}.project-title:focus{background:#25484e;border-radius:6px}.save-state{color:#9abbb7;font-size:11px}.tool-btn{background:#234249;color:#d3e5df;border-color:#51686b;font-size:12px;min-height:40px}.tool-btn.danger-text{color:#f2b5a7}.play-mode .toolbar-group{display:none}.palette-panel{background:#19363e;border-color:#496067;color:#e3efea}.palette-panel .eyebrow{color:#bded92}.palette-panel h2{color:#edf7f2;font-size:17px}.palette-panel .panel-heading p{color:#a4c0bd;font-size:12px}.component-card{border:1px solid #829693;background:linear-gradient(140deg,#fff,#dee7e2);box-shadow:0 4px 0 #0b2228}.component-card:hover{box-shadow:0 4px 0 #0b2228,0 0 0 2px #b9ea82;background:#f4ffe9}.palette-add{background:#d8f58b;border:1px solid #8fab53;border-radius:50%;width:20px;height:20px;line-height:18px;color:#264733;bottom:4px;right:4px}.palette-tip{background:#22434a;border-color:#4e6566;color:#b4d0c6}.palette-tip strong{color:#d3edbe}.game-console{margin:0 20px 18px;border:1px solid #57736f;border-radius:18px;background:linear-gradient(130deg,#25464c,#17333a);box-shadow:0 7px 0 #091e2380,inset 0 1px #75978a40;padding:16px}.console-top{display:flex;align-items:center;gap:18px}.console-state{display:flex;align-items:center;gap:10px;flex:1;min-width:100px}.console-state>div{display:grid;gap:5px}.console-state small{font-size:10px;color:#99bbb2;letter-spacing:.07em}.console-state strong{font-size:16px;color:#e8f5ec}.game-lamp{width:12px;height:12px;border:3px solid #50645d;border-radius:50%;background:#192d2a;flex:0 0 12px;box-sizing:content-box}.game-lamp.on{background:#c7ff75;border-color:#709d56;box-shadow:0 0 16px #cffd8470}.live-metric{display:grid;gap:3px;white-space:nowrap}.live-metric strong{font-size:21px;color:#daefde;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.live-metric small{font-size:10px;color:#a6c4b9}.console-top .energize{min-width:133px;background:#d7f487;color:#193531;border:1px solid #a5c660;box-shadow:0 4px 0 #7f9d47;min-height:47px;font-size:14px;white-space:nowrap}.console-top .energize[aria-pressed=true]{background:#fff0cd;box-shadow:0 4px 0 #aa8252;border-color:#d4b98b}.console-top .energize:active{box-shadow:0 1px 0 #7f9d47;transform:translateY(3px)}.console-bottom{display:flex;align-items:flex-end;gap:10px;border-top:1px solid #4d6b635e;padding-top:12px;margin-top:14px}.console-bottom label{flex:1;min-width:0;font-size:11px;color:#adcac0;display:grid;gap:4px}.console-bottom select{min-height:38px;background:#112e33;color:#e2eee7;border:1px solid #54736e;border-radius:8px;padding:7px;font-size:13px;width:100%}.console-bottom select:disabled{opacity:.48}.console-bottom .rearm-btn{color:#d3e6d4;background:#34574f;border:1px solid #637f6b;min-height:38px;white-space:nowrap;font-size:13px}.board-caption .eyebrow{color:#cfe9d7;font-size:11px}.board-caption>span:last-child{color:#a9c7bf}.mode-help{color:#a6c3bf;font-size:12px;min-height:28px}.board{border-color:#566b69;box-shadow:0 7px 0 #061a1eaa,0 18px 45px #061a1e30,inset 0 0 0 2px #fff;border-radius:21px;color:#173b32;transition:box-shadow .3s}.board.powered{box-shadow:0 7px 0 #061a1eaa,0 0 0 1px #a4df8c80,0 0 35px #5cbb7940,inset 0 0 0 2px #fff}.rail-caption{color:#526a60}.load-zone{background:linear-gradient(135deg,#eaf1e9,#faffef)}.board-wrap{padding-bottom:16px}.node{height:188px;cursor:pointer;border-radius:12px;transition:background .2s,border-color .2s}.node .device-action{position:relative;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;border:0;background:none;padding:0;border-radius:10px;cursor:inherit;touch-action:inherit;color:#29483a;font:inherit;outline-offset:4px;z-index:1}.node .node-tag{align-self:flex-start;justify-content:flex-start;padding-left:9px;height:24px;font-size:11px;letter-spacing:.06em}.node .node-rating{height:22px;line-height:22px;font-size:12px}.node .node-port{z-index:5}.node .node-details{position:absolute;top:-8px;right:-1px;z-index:3;width:44px;height:38px;background:transparent;border:0;color:#477066;font-size:19px;padding:0;border-radius:10px;line-height:1;opacity:.75;touch-action:manipulation}.node .node-details:hover,.node .node-details:focus-visible{opacity:1;background:#dcebe1}.node .device-status{font-size:10px;letter-spacing:.05em;font-weight:800;color:#708277;height:21px;line-height:18px;border-radius:5px;padding:0 7px;white-space:nowrap}.node.switch-closed .device-status{color:#316455}.node.switch-open .device-status{color:#626c70;background:#e0e6e3}.node.energized .device-status{color:#176748;background:#d3f4c9}.node.tripped .device-status{color:#fff;background:#b44742}.node.tripped{background:#fff1e7c2;border-color:#ca6751;box-shadow:0 0 0 2px #cb6d4920}.node.switch-open .node-state{background:#84908a}.node.energized .node-state{background:#348c58;box-shadow:0 0 0 3px #82c67a42}.node.energized.is-light .component-art{filter:sepia(.35) saturate(1.4) brightness(1.12) drop-shadow(0 0 16px #f2c451);transition:filter .3s}.node.is-light .device-action:before{content:'';position:absolute;left:10px;top:33px;width:94px;height:92px;border-radius:50%;background:radial-gradient(#ffe29dbf,#ffe39800 72%);opacity:0;transition:opacity .3s;pointer-events:none}.node.is-light.load-running .device-action:before{opacity:1}.node.type-load:not(.is-light).energized .component-art{filter:drop-shadow(0 0 7px #6dcb8e)}.node.type-pump.load-running .component-art{animation:pump-hum .22s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px #52c6ca)}.wire.energized{stroke:#318953;stroke-width:3;stroke-dasharray:7 11;animation:flow .7s linear infinite}.wire.fault{stroke:#bf6048;animation:none}.wire-hit{stroke-width:28}.simulation-bar{background:#193940;border-color:#496d66;color:#e4f1e6;box-shadow:none;padding:13px 15px;gap:8px;border-radius:13px}.simulation-status strong{color:#eff7ea;font-size:13px}.simulation-status small{color:#c0d2c6;font-size:12px}.simulation-model-note{color:#96b7ae;font-size:10px;align-self:center;white-space:nowrap}.play-journal{display:flex;gap:20px;margin:22px 24px 0;padding-top:18px;border-top:1px solid #3c6057;color:#c1d9ce}.play-journal>div{flex:0 0 145px}.play-journal .eyebrow{font-size:10px;color:#cde8a8}.play-journal p{font-size:12px;line-height:1.5;margin:6px 0}.play-journal ol{padding:0;margin:0;list-style:none;display:grid;gap:8px;font-size:12px;line-height:1.5;max-width:100%}.play-journal li:before{content:'›';color:#b2df85;margin-right:7px}.play-journal .event-trip{color:#ffb8a0}.inspector-panel{box-shadow:inset 1px 0 #9dbbaf50}.inspector-empty span{background:#e4f2e8}.inspector-panel .eyebrow{color:#547766}

/* Palancas superpuestas en la misma ilustración. ON arriba, OFF abajo, disparo intermedio. */
.scenario-panel{border-top:1px solid #4d6b635e;margin-top:14px}.scenario-panel summary{cursor:pointer;color:#b5d0c3;padding:12px 0 0;font-size:11px;font-weight:650;min-height:30px;list-style-position:inside}.scenario-panel summary span{float:right;color:#e0f0be;background:#385449;font-size:10px;line-height:20px;padding:0 7px;border-radius:4px;max-width:50%}.scenario-panel .console-bottom{border:0;padding-top:10px;margin-top:0}
.component-art.has-lever{position:relative;--lever-left:27.5%;--lever-width:44%;--lever-top:39%;--lever-height:26%;--lever-color:#cb282d;--lever-light:#eb5961;--lever-dark:#871b25}
.art-rcd.has-lever{--lever-left:28.7%;--lever-width:35.3%;--lever-top:40.5%;--lever-height:24.5%;--lever-color:#196bab;--lever-light:#419adb;--lever-dark:#104278}
.art-mcb.has-lever{--lever-left:43.2%;--lever-width:18.5%;--lever-top:39%;--lever-height:25%;--lever-color:#363b3f;--lever-light:#676e72;--lever-dark:#1a1d1e}
.lever-well{position:absolute;left:var(--lever-left);top:var(--lever-top);width:var(--lever-width);height:var(--lever-height);background:linear-gradient(90deg,#dadbd7,#b4b8b5 50%,#d1d2ce);border:1px solid #a1a5a1;border-radius:2px;box-shadow:0 1px 2px #3335;box-sizing:border-box}
.lever-well:before{content:'';position:absolute;inset:1px 8%;border-radius:2px;background:linear-gradient(90deg,#222729,#474c4c 42%,#8b9392 50%,#222729 55%,#3e4343)}
.lever-grip{position:absolute;left:-1px;right:-1px;top:1px;height:44%;border:1px solid var(--lever-dark);border-radius:2px;background:linear-gradient(var(--lever-light),var(--lever-color) 45%,var(--lever-dark));box-shadow:0 2px 2px #19221e88,inset 0 1px #fff5;transform:translateY(0);transition:transform .2s cubic-bezier(.15,.8,.2,1.3);box-sizing:border-box}
.lever-grip:after{content:'';position:absolute;left:15%;right:15%;top:28%;height:38%;background:repeating-linear-gradient(0deg,#fff4 0 1px,transparent 1px 3px);opacity:.6}
.switch-open .lever-grip{transform:translateY(108%)}.tripped .lever-grip{transform:translateY(65%)}
@keyframes pump-hum{from{transform:translateY(0)}to{transform:translateY(-1px)}}
@media(min-width:1101px){#designView{grid-template-columns:180px minmax(0,1fr) 270px}.palette-panel{padding:22px 12px}.inspector-panel{padding:22px 15px}}
@media(max-width:1100px){.console-top{gap:12px}.live-metric strong{font-size:19px}.live-metric small{font-size:9px}.play-heading{align-items:flex-start;flex-wrap:wrap}.play-heading h1{font-size:27px}.console-top{flex-wrap:wrap}.console-state{flex:1 1 130px}.console-top .energize{flex:1 1 130px}.play-journal{display:block}.play-journal>div{margin-bottom:12px}.play-journal p{display:none}}
@media(max-width:760px){.brand strong{font-size:18px}.topbar .tabs{background:#10292f}.palette-panel{padding:10px 14px;background:#17363c}.palette-panel .panel-heading p{font-size:11px}.palette-panel .eyebrow{font-size:11px}.component-list{margin-top:6px}.component-card{height:73px;flex-basis:70px;width:70px}.component-card .component-art{height:68px;width:68px}.component-card .supply-symbol{height:65px}.play-heading{padding:17px 16px 7px;gap:13px;align-items:center}.play-heading h1{font-size:24px}.play-heading .eyebrow{font-size:9px}.play-modes{width:100%;padding:4px}.play-modes button{flex:1;min-height:39px;font-size:13px}.workspace-toolbar{padding:6px 16px 12px}.project-title{font-size:14px;min-height:28px}.save-state{font-size:10px}.game-console{margin:0 10px 17px;padding:12px;border-radius:15px}.console-top{gap:10px}.console-state{flex:1 1 100%;gap:8px}.console-state>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px}.console-state small{font-size:9px}.console-state strong{font-size:14px}.game-lamp{width:9px;height:9px}.live-metric{flex:1}.live-metric strong{font-size:20px}.live-metric small{font-size:9px}.console-top .energize{flex:0 0 auto;min-width:121px;font-size:12px;min-height:42px}.console-bottom{gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:10px}.console-bottom label{flex:1 1 40%;font-size:10px}.console-bottom select{min-height:40px;font-size:12px}.console-bottom .rearm-btn{min-height:38px;flex:1;font-size:12px}.mode-help{font-size:12px;margin:7px 16px 12px}.board-caption .eyebrow{font-size:10px}.board-caption>span:last-child{font-size:10px}.board{border-width:7px}.node .node-details{height:44px;top:-10px;font-size:19px}.node .node-tag{padding-left:6px}.play-journal{margin:20px 17px 0}.simulation-bar{padding:13px}.simulation-model-note{font-size:10px}.inspector-panel{box-shadow:0 12px 60px #001d24aa}.inspector-panel .illustration-note{font-size:11px}}
@media(max-width:760px){.play-mode .palette-panel{display:none}.play-mode .play-heading{padding-top:14px}.play-mode .play-heading>.eyebrow{display:none}.node .node-details{min-width:44px;min-height:44px}}
@media(max-width:760px){.play-mode .play-heading>div:first-child,.play-mode .workspace-toolbar{display:none}.play-mode .play-heading{padding:13px 12px 14px}.play-mode .game-console{margin-bottom:15px}.scenario-panel summary{min-height:38px;padding-top:12px}.scenario-panel{margin-top:12px}.scenario-panel .console-bottom{padding-top:10px}.play-heading .play-modes{margin:0}.play-mode .board-caption{padding-top:2px}}
@media(max-width:360px){.play-heading h1{font-size:22px}.console-top .energize{min-width:112px;font-size:11px;padding:6px 9px}.live-metric strong{font-size:18px}.live-metric small{font-size:8px}.console-top{gap:6px}}
@media(prefers-reduced-motion:reduce){.lever-grip,.node,.component-art{transition:none!important;animation:none!important}.wire.energized{animation:none!important;stroke-dasharray:none}}
@media print{.play-heading,.game-console,.play-journal,.simulation-bar{display:none!important}.workspace-panel{color:#16352c;background:#fff}}