body.chasis-base{margin:0;background-color:#111;background-image:linear-gradient(135deg,#1a1a1a,#0d0d0d);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;display:flex;justify-content:center;padding:20px;height:100vh}.contenedor-principal{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.panel-frontal{background:linear-gradient(to bottom,#3a3a3a,#222);border:2px solid #555;border-top:2px solid #777;border-radius:8px;box-shadow:inset 0 0 20px #000c,0 15px 30px #000000e6;width:100%;height:140px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box;position:relative}.marca h1{margin:0;font-size:32px;color:#fff;letter-spacing:5px;text-shadow:0 2px 5px rgba(0,0,0,1)}.marca h2{margin:0;font-size:12px;color:#e67e22;letter-spacing:3px}.reloj-global{margin-top:8px;font-family:Courier New,Courier,monospace;font-size:18px;color:#0fc;background:#010;padding:3px 10px;border:1px solid #333;border-radius:3px;display:inline-block;box-shadow:inset 0 0 5px #000}.etiqueta{font-size:10px;font-weight:700;color:#888;letter-spacing:1px;margin-bottom:8px;display:block;text-align:center;text-transform:uppercase}.modulo-display{display:flex;flex-direction:column;align-items:center;gap:8px}.pantalla-digital{background:#100;color:red;font-family:Courier New,Courier,monospace;font-size:36px;font-weight:700;padding:5px 20px;border:3px inset #333;border-radius:4px;box-shadow:0 0 15px #f003,inset 0 0 10px #000;text-shadow:0 0 10px #ff0000}.fader-metalico{-webkit-appearance:none;width:120px;height:8px;background:#111;border:1px solid #333;border-radius:4px;outline:none;box-shadow:inset 0 1px 3px #000c}.fader-metalico::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:25px;background:linear-gradient(to right,#666,#ccc,#666);border:1px solid #000;border-radius:2px;cursor:pointer;box-shadow:0 2px 5px #000c}.modulo-master{display:flex;flex-direction:column;align-items:center}.control-switch{display:flex;align-items:center;gap:15px}.led-indicador{width:16px;height:16px;border-radius:50%;border:2px solid #111;box-shadow:inset 0 2px 5px #000c,0 1px 1px #fff3;transition:all .1s}.led-indicador.apagado{background:radial-gradient(circle at 30% 30%,#444,#111)}.led-indicador.encendido{background:radial-gradient(circle at 30% 30%,#0ff,#05f);box-shadow:0 0 15px #0af,inset 0 2px 5px #00000080}.switch-metalico{position:relative;display:inline-block;width:30px;height:60px;background:linear-gradient(to bottom,#111,#333);border-radius:4px;border:2px solid #000;box-shadow:inset 0 2px 5px #000c,0 2px 2px #ffffff1a;cursor:pointer}.switch-metalico input{opacity:0;width:0;height:0}.palanca{position:absolute;bottom:5px;left:4px;width:18px;height:25px;background:linear-gradient(to right,#ccc,#fff,#999);border-radius:2px;box-shadow:0 5px 10px #000c;transition:.3s cubic-bezier(.4,0,.2,1)}.switch-metalico input:checked+.palanca{transform:translateY(-25px);background:linear-gradient(to right,#ddd,#fff,#aaa);box-shadow:0 10px 15px #00000080}.grilla-zonas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-top:30px}.modulo-zona{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-top:2px solid #666;border-radius:6px;padding:15px;box-shadow:0 10px 20px #0009,inset 0 2px 5px #ffffff0d;display:flex;flex-direction:column;align-items:center;position:relative}.modulo-zona:before,.modulo-zona:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle,#888,#333);border-radius:50%;box-shadow:inset 0 1px 2px #000c,0 1px 1px #fff3;top:10px}.modulo-zona:before{left:10px}.modulo-zona:after{right:10px}.zona-header{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px}.zona-titulo{font-size:11px;font-weight:700;color:#ccc;letter-spacing:1px}.led-indicador-chico{width:10px;height:10px;border-radius:50%;border:1px solid #000;box-shadow:inset 0 1px 3px #000c}.led-indicador-chico.apagado{background:#333}.led-indicador-chico.encendido{background:#0fc;box-shadow:0 0 8px #0fc,inset 0 1px 2px #00000080}.zona-controles{display:flex;flex-direction:column;align-items:center;gap:10px}.switch-chico{width:24px;height:45px}.switch-chico .palanca{width:14px;height:18px;bottom:4px;left:3px}.switch-chico input:checked+.palanca{transform:translateY(-19px)}.programador-zona{margin-top:20px;width:100%;background:#111;padding:10px;border-radius:4px;border:1px solid #333;box-sizing:border-box}.timer-controles{display:flex;justify-content:space-between;gap:5px}.input-tiempo{background:#000;color:#e67e22;border:1px solid #444;padding:5px;font-family:Courier New,Courier,monospace;font-size:14px;width:100%;border-radius:3px;outline:none}.btn-metalico{background:linear-gradient(to bottom,#555,#333);color:#fff;border:1px solid #111;border-radius:3px;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #00000080,inset 0 1px 1px #fff3}.btn-metalico:active{background:#222;box-shadow:inset 0 2px 5px #000c}.controles-techo{display:flex;justify-content:space-around;width:100%;margin-bottom:15px;background:#151515;padding:10px;border-radius:4px;border:1px inset #333}.sub-circuito{display:flex;flex-direction:column;align-items:center;gap:8px}.fader-chico{width:60px;height:6px}.fader-chico::-webkit-slider-thumb{width:12px;height:18px}.btn-redondo-rojo{width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f44,#900);color:#fff;font-size:9px;font-weight:700;border:2px solid #111;box-shadow:0 4px 6px #0009,inset 0 2px 4px #ffffff4d;cursor:pointer;transition:.1s}.btn-redondo-rojo:active{transform:translateY(2px);box-shadow:0 1px 2px #000c,inset 0 2px 5px #00000080;background:radial-gradient(circle at 30% 30%,#c00,#600)}.zona-footer{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #333;padding-top:10px}.grilla-zonas{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grilla-zonas{grid-template-columns:repeat(2,1fr)}}.led-indicador{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.8)}.led-apagado{background-color:#a00;box-shadow:inset 0 0 5px #400}.led-encendido{background-color:#0f0;box-shadow:0 0 10px #0f0,inset 0 0 5px #fff;animation:titilar-led .8s infinite alternate}@keyframes titilar-led{0%{opacity:1;box-shadow:0 0 15px #0f0}to{opacity:.4;box-shadow:0 0 2px #0f0}}