:root{--game-ink: #24436f;--game-paper: #fffaf3;--game-line: rgba(36, 67, 111, .16);--game-ok-bg: #dcf7e5;--game-ok-text: #1a7a3a;--game-ok-border: #a7e8bd;--game-bad-bg: #ffe3dc;--game-bad-text: #c0392b;--game-bad-border: #ffb4a2;--game-sky: #5ba4cf;--game-leaf: #4caf7d;--game-sun: #f1b451;--game-coral: #e85d4f;--game-font-main: "Alata", "Segoe UI", "Calibri", "Futura", Verdana, sans-serif;--game-font-display: "Saira Stencil One", cursive;--game-shell-max-width: 920px;--game-card-radius: 8px;--game-card-shadow: 8px 8px 0;--game-card-shadow-alpha: .08;--game-option-radius: 8px;--game-transition-speed: .2s;--game-breakpoint: 760px}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes game-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes game-bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes game-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-root{min-height:calc(100vh - 4rem);padding:clamp(1rem,4vw,2rem);background:var(--game-paper);color:var(--game-ink);font-family:var(--game-font-main)}.game-shell{width:min(var(--game-shell-max-width),100%);margin:0 auto;display:grid;gap:1rem}.game-card{border:2px solid var(--game-line);border-radius:var(--game-card-radius);background:#ffffffe6;box-shadow:var(--game-card-shadow) rgba(36,67,111,var(--game-card-shadow-alpha));padding:1rem}.game-header h1{margin:0;font-size:clamp(2rem,9vw,4.5rem);line-height:1}.game-option{min-height:3.5rem;border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:#fff;color:var(--game-ink);cursor:pointer;font:inherit;font-size:1.1rem;font-weight:800;padding:.5rem 1rem;transition:transform var(--game-transition-speed),box-shadow var(--game-transition-speed)}.game-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #24436f1f}.game-option:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #24436f1f}.game-option:disabled{cursor:default;opacity:.45}.game-feedback{min-height:3rem;padding:.75rem 1rem;border-radius:var(--game-card-radius);text-align:center;font-weight:700;transition:background-color var(--game-transition-speed)}.game-feedback--ok{background:var(--game-ok-bg);color:var(--game-ok-text);border:2px solid var(--game-ok-border)}.game-feedback--bad{background:var(--game-bad-bg);color:var(--game-bad-text);border:2px solid var(--game-bad-border)}.game-option.is-correct{background:var(--game-ok-bg);border-color:var(--game-ok-border)}.game-option.is-wrong{background:var(--game-bad-bg);border-color:var(--game-bad-border)}.game-scorebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.game-action-btn{border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:var(--game-ink);color:var(--game-paper);font:inherit;font-weight:800;font-size:1rem;padding:.5rem 1.5rem;cursor:pointer;transition:opacity var(--game-transition-speed)}.game-action-btn:disabled{opacity:.45;cursor:default}.game-action-btn:hover:not(:disabled){opacity:.9}.game-hidden{display:none!important}@media (max-width: var(--game-breakpoint)){.game-shell{gap:.75rem}.game-option{min-height:2.75rem;font-size:1rem}}.mecanito-progress-dot{width:14px;height:14px;border-radius:50%;background-color:#ddd;display:inline-block;margin:0 4px;transition:all .3s ease}.mecanito-progress-dot.is-active{background-color:var(--game-ink, var(--turquesa));transform:scale(1.2)}.mecanito-progress-dot.is-done{background-color:var(--naranja-melon)}.mecanito-progress-dot.is-error{background-color:#ff5964}.circuito-electrico-game{--game-ink: #24436f;--game-paper: #fffaf3;--game-line: rgba(36, 67, 111, .16);--color-pizarra: #172333;--color-cobre: #d27d2d;--color-cobre-brillo: #ff9f43;--color-cable-activo: #2ed573;--color-cable-inactivo: #ff4757;--color-luz-filamento: #ffeaa7;--color-luz-resplandor: rgba(254, 202, 87, .45);font-family:Alata,sans-serif;color:var(--game-ink)}.circuito-electrico-header{background:linear-gradient(135deg,#fff,#fff1d8);border:2px solid rgba(36,67,111,.12);text-align:center;padding:1.5rem;margin-bottom:1.5rem}.circuito-electrico-header h1{font-family:Saira Stencil One,cursive;color:var(--game-ink);font-size:2.2rem;margin:0;text-shadow:2px 2px 0 rgba(255,188,188,.7);letter-spacing:.05em}.circuito-electrico-selector-dificultad{display:flex;justify-content:center;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap}.circuito-electrico-btn-dificultad{background-color:#fff;color:var(--game-ink);border:2px solid rgba(36,67,111,.18);border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Alata,sans-serif}.circuito-electrico-btn-dificultad:hover{background-color:#f0fffd;color:var(--game-ink);transform:translateY(-2px);border-color:var(--turquesa)}.circuito-electrico-btn-dificultad.activo{background-color:var(--naranja-melon);color:#202040;border-color:var(--naranja-melon);box-shadow:0 0 15px #ffbd6966}.circuito-electrico-instrucciones{background-color:#ffffffeb;border-left:4px solid var(--turquesa);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:1rem;line-height:1.5;color:var(--game-ink)}.circuito-electrico-instrucciones strong{color:var(--naranja-melon)}.circuito-electrico-workspace{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:900px){.circuito-electrico-workspace.con-caja{grid-template-columns:2.2fr 1fr}}.circuito-electrico-mesa-container{position:relative;width:100%;background-color:var(--color-pizarra);border-radius:20px;border:3px solid #2d3748;box-shadow:inset 0 0 40px #000c,0 10px 25px #0006;overflow:hidden;aspect-ratio:16 / 10;min-height:380px}.circuito-electrico-mesa-container.cortocircuito-activo{animation:mesa-cortocircuito-shake .15s infinite,mesa-cortocircuito-pantalla .2s infinite;border-color:#ff4757}.circuito-electrico-svg-cables{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.circuito-electrico-cable-line{fill:none;stroke-width:6px;stroke-linecap:round;cursor:pointer;pointer-events:stroke;transition:stroke-width .2s}.circuito-electrico-cable-line:hover{stroke-width:10px;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.circuito-electrico-cable-corriente{fill:none;stroke:#fff7c2;stroke-width:3px;stroke-linecap:round;stroke-dasharray:12,24;animation:corriente-flow .8s linear infinite;pointer-events:none}.circuito-electrico-componente{position:absolute;transform:translate(-50%,-50%);z-index:5;user-select:none;transition:all .3s ease}.circuito-electrico-pila{width:100px;height:140px;background:linear-gradient(to right,#202b3d,#2d3d54,#1a2230);border:3px solid #4a5568;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;box-shadow:0 8px 16px #00000080}.circuito-electrico-pila-polo-superior{width:30px;height:10px;background-color:#718096;border-radius:4px 4px 0 0;margin-top:-16px;border:3px solid #4a5568;border-bottom:none}.circuito-electrico-pila-marca-pos{background-color:#ff4757;color:#fff;font-size:1.1rem;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #ff475780}.circuito-electrico-pila-marca-neg{background-color:#2ed573;color:#fff;font-size:1.1rem;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #2ed57380}.circuito-electrico-pila-cuerpo{font-family:Saira Stencil One,cursive;color:#ffbcbc;font-size:1.2rem;text-shadow:0 0 5px rgba(255,188,188,.3);margin:8px 0;writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg)}.circuito-electrico-bombilla-holder{width:110px;height:110px;background:radial-gradient(circle,#2d3748,#1a202c);border:3px solid #4a5568;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 8px 16px #00000080}.circuito-electrico-bombilla-vidrio{width:60px;height:60px;background-color:#ffffff26;border:3px solid rgba(255,255,255,.3);border-radius:50%;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;justify-content:center;align-items:center;cursor:pointer}.circuito-electrico-bombilla-vidrio:after{content:"";position:absolute;bottom:-8px;width:24px;height:12px;background:repeating-linear-gradient(to bottom,#718096,#4a5568 3px);border-radius:2px}.circuito-electrico-bombilla-filamento{width:16px;height:16px;border:2px solid #718096;border-bottom:none;border-radius:8px 8px 0 0;position:relative;top:-4px;transition:border-color .4s}.circuito-electrico-bombilla-holder.desenroscada .circuito-electrico-bombilla-vidrio{transform:rotate(20deg) translateY(-15px);border-color:#ffffff1a;opacity:.7;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.circuito-electrico-bombilla-holder.desenroscada:before{content:"\26a0\fe0f  Suelta";position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#ff9f43;color:#202040;font-size:.75rem;padding:2px 6px;border-radius:10px;font-weight:700;white-space:nowrap}.circuito-electrico-bombilla-holder.encendida .circuito-electrico-bombilla-vidrio{background-color:var(--color-luz-filamento);border-color:#fff;box-shadow:0 0 35px 15px var(--color-luz-resplandor),inset 0 0 15px #fff}.circuito-electrico-bombilla-holder.encendida .circuito-electrico-bombilla-filamento{border-color:#ff9f43;filter:drop-shadow(0 0 4px #ff9f43);border-width:3px}.circuito-electrico-bombilla-label{position:absolute;bottom:-22px;font-size:.8rem;color:#a0aec0;white-space:nowrap}.circuito-electrico-interruptor{width:120px;height:70px;background-color:#2d3748;border:3px solid #4a5568;border-radius:8px;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 16px #00000080;cursor:pointer}.circuito-electrico-interruptor-base{width:80px;height:35px;background-color:#1a202c;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.circuito-electrico-interruptor-palanca{width:34px;height:24px;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border:2px solid #718096;border-radius:4px;position:absolute;left:8px;transition:all .25s cubic-bezier(.68,-.55,.27,1.55);box-shadow:0 4px 6px #0000004d}.circuito-electrico-interruptor.cerrado .circuito-electrico-interruptor-palanca{left:38px;background:linear-gradient(135deg,var(--naranja-melon),#ff9f43);border-color:#ff9f43;box-shadow:0 0 10px #ffbd6980}.circuito-electrico-interruptor-texto{font-size:.75rem;font-weight:700;color:#4a5568;user-select:none}.circuito-electrico-interruptor.cerrado .circuito-electrico-interruptor-texto-on{color:var(--naranja-melon);text-shadow:0 0 5px rgba(255,189,105,.4)}.circuito-electrico-interruptor:not(.cerrado) .circuito-electrico-interruptor-texto-off{color:#718096}.circuito-electrico-puente{width:140px;height:90px;background-color:#202b3d;border:3px dashed #4a5568;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px;box-shadow:inset 0 4px 10px #0009;transition:all .3s}.circuito-electrico-puente.ocupado{border-style:solid;background-color:#26354a}.circuito-electrico-puente.ocupado.puente-conductor{border-color:var(--color-cable-activo);box-shadow:inset 0 0 15px #2ed57333}.circuito-electrico-puente.ocupado.puente-aislante{border-color:var(--color-cable-inactivo);box-shadow:inset 0 0 15px #ff475733}.circuito-electrico-puente-label{font-size:.75rem;color:#718096;margin-bottom:4px}.circuito-electrico-puente-slot{font-size:2.2rem;min-height:45px;display:flex;justify-content:center;align-items:center;transition:transform .2s}.circuito-electrico-puente-slot:hover{transform:scale(1.1)}.circuito-electrico-puente-nombre-objeto{font-size:.7rem;color:#cbd5e0;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.circuito-electrico-borne{position:absolute;width:44px;height:44px;background:radial-gradient(circle,var(--color-cobre-brillo),var(--color-cobre));border:4px solid #1a202c;border-radius:50%;cursor:pointer;z-index:20;box-shadow:0 2px 6px #0009;outline:none;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.circuito-electrico-borne:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#1a202c;border-radius:50%}.circuito-electrico-borne:hover{transform:translate(-50%,-50%) scale(1.25);background:radial-gradient(circle,#ffeaa7,var(--color-cobre-brillo));box-shadow:0 0 10px #ffeaa7}.circuito-electrico-borne.seleccionado{animation:borne-pulse .8s infinite alternate;transform:translate(-50%,-50%) scale(1.25);background:radial-gradient(circle,#fff,var(--turquesa));border-color:#fff;box-shadow:0 0 12px var(--turquesa)}.circuito-electrico-borne:focus-visible{border-color:#fff;box-shadow:0 0 0 3px var(--naranja-melon)}.circuito-electrico-chispa{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#fff 10%,#ffeb3b 40%,#ff572200 80%);pointer-events:none;z-index:30;opacity:0;transform:translate(-50%,-50%) scale(.2);animation:chispa-explosion .4s ease-out forwards}.circuito-electrico-caja-materiales{background-color:#ffffffeb;border:2px solid rgba(36,67,111,.14);border-radius:8px;padding:1.2rem;box-shadow:8px 8px #24436f14;display:flex;flex-direction:column}.circuito-electrico-caja-titulo{font-size:1.1rem;font-weight:700;color:var(--game-ink);margin-bottom:.8rem;text-align:center;border-bottom:2px solid rgba(36,67,111,.12);padding-bottom:.5rem}.circuito-electrico-caja-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:480px)and (max-width:899px){.circuito-electrico-caja-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:900px){.circuito-electrico-caja-grid{grid-template-columns:repeat(2,1fr);flex-grow:1;align-content:start}}.circuito-electrico-objeto-item{background-color:#fffaf3;border:2px solid rgba(36,67,111,.18);border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;user-select:none}.circuito-electrico-objeto-item:hover{transform:translateY(-3px) scale(1.03);background-color:#f0fffd;border-color:var(--turquesa);box-shadow:0 4px 8px #0000004d}.circuito-electrico-objeto-item.colocado{border-color:var(--naranja-melon);background-color:#fff1d8;opacity:.75}.circuito-electrico-objeto-emoji{font-size:2rem;margin-bottom:4px}.circuito-electrico-objeto-nombre{font-size:.75rem;text-align:center;font-weight:700;color:var(--game-ink)}.circuito-electrico-objeto-status{position:absolute;top:2px;right:2px;font-size:.8rem;background-color:#1a202c;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000080}.circuito-electrico-objeto-status.status-conductor{color:var(--color-cable-activo);content:"\26a1"}.circuito-electrico-objeto-status.status-aislante{color:var(--color-cable-inactivo);content:"\274c"}.circuito-electrico-controles-mesa{display:flex;justify-content:space-between;gap:15px;margin-top:1.5rem;flex-wrap:wrap}.circuito-electrico-btn-accion{font-family:Alata,sans-serif;font-size:.95rem;font-weight:700;border-radius:8px;border:none;padding:.6rem 1.2rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.circuito-electrico-btn-limpiar{background-color:#3b2025;color:#ff4757;border:2px solid #5c2028}.circuito-electrico-btn-limpiar:hover{background-color:#ff4757;color:#fff;transform:scale(1.03)}.circuito-electrico-btn-comprobar{background-color:#203f37;color:#2ed573;border:2px solid #205c48}.circuito-electrico-btn-comprobar:hover{background-color:#2ed573;color:#1a202c;transform:scale(1.03);box-shadow:0 0 10px #2ed57366}.circuito-electrico-feedback{margin-top:1.2rem;background-color:#ffffffeb;border-radius:8px;border:2px solid var(--turquesa);padding:1rem;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.05rem;transition:all .3s;color:var(--game-ink)}.circuito-electrico-feedback--ok{border-color:var(--color-cable-activo);background-color:#2ed5731a;color:#1a7a3a}.circuito-electrico-feedback--bad{border-color:var(--color-cable-inactivo);background-color:#ff47571a;color:#c0392b}.circuito-electrico-scorebar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;border-radius:8px;background:#ffffffeb;border:2px solid rgba(36,67,111,.14);margin-top:1.5rem}.circuito-electrico-score-badge{font-size:1.1rem;color:var(--game-ink);background-color:#ffbcbc40;padding:.4rem 1rem;border-radius:12px;border:1px solid rgba(255,188,188,.2)}.circuito-electrico-score-badge strong{color:var(--naranja-melon);font-size:1.3rem}.circuito-electrico-next-btn{background-color:var(--naranja-melon);color:#202040;border:none;padding:.8rem 1.6rem;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.circuito-electrico-next-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #ffbd6980;background-color:#ffac47}.circuito-electrico-next-btn:disabled{background-color:#4a5568;color:#718096;cursor:not-allowed;opacity:.5}@keyframes corriente-flow{to{stroke-dashoffset:-36}}@keyframes borne-pulse{0%{box-shadow:0 0 5px var(--turquesa)}to{box-shadow:0 0 15px 4px var(--turquesa)}}@keyframes mesa-cortocircuito-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translateY(2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes mesa-cortocircuito-pantalla{0%,to{background-color:#0e141f}50%{background-color:#1a080c}}@keyframes chispa-explosion{0%{opacity:1;transform:translate(-50%,-50%) scale(.2) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(45deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2) rotate(90deg)}}