*{box-sizing:border-box}:root{--bg: #dadcdf;--panel: #eceef1;--ink: #121316;--line: #2a2d31;--metal: #f8f8f8;--shadow: rgba(0, 0, 0, .24)}.mode-hidden{display:none!important}body{margin:0;padding:8px 14px 14px;min-height:100vh;background:radial-gradient(circle at top,#f2f3f5,#d7d9dd 60%,#cfd2d6);color:var(--ink);font-family:Segoe UI,Tahoma,sans-serif;user-select:none;-webkit-user-select:none}h1{margin:8px 0 16px;text-align:center;font-size:1.6rem;letter-spacing:.05em}.barra{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:8px}.barra .grupo{background:#e7e8eb;border:1px solid #b7bcc4;border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.barra label{font-weight:600}.barra input[type=number],.barra input[type=color]{border:1px solid #8f949d;background:#f8f8f9;border-radius:5px;padding:4px 8px;font-weight:700}.barra button{border:1px solid #2f6fdd;background:#1d7fff;color:#fff;border-radius:6px;padding:8px 16px;font-weight:700;cursor:pointer}.barra button.btn-small{padding:6px 10px;font-size:12px;line-height:1}.barra button.btn-history{width:34px;height:30px;padding:0;border-radius:8px;font-size:18px;font-weight:900;line-height:1}#medidores{display:grid;grid-template-columns:120px 160px 160px 165px minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1fr);gap:12px;max-width:100%;margin:8px auto 12px;align-items:stretch}.medidor{background:#f2f3f5;border:1px solid #aeb3ba;border-radius:8px;text-align:center;padding:10px;box-shadow:0 2px 7px #00000017;font-family:Consolas,monospace}.medidor .titulo{font-size:12px;margin-bottom:6px}.medidor .valor{font-size:2rem;font-weight:800}.power-control{background:linear-gradient(180deg,#f4f5f7,#dce0e7);border:1px solid #8d95a0;padding:8px;min-width:120px}.breaker-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer}.breaker-wrap input{position:absolute;opacity:0;pointer-events:none}.breaker-text{font-size:10px;font-weight:900;letter-spacing:.05em;color:#1c232b}.breaker-text.top{margin-bottom:1px}.breaker-text.bottom{margin-top:1px}.breaker-body{width:36px;height:56px;border-radius:8px;background:linear-gradient(180deg,#616975,#2f3640);border:1px solid #1b2027;box-shadow:inset 0 1px #fff3,inset 0 -2px 5px #00000080,0 3px 8px #00000059;position:relative}.breaker-handle{position:absolute;left:6px;top:28px;width:22px;height:22px;border-radius:5px;border:1px solid #1e2329;background:linear-gradient(180deg,#f2f4f7,#c9d0d8);box-shadow:inset 0 1px #ffffffbf,0 1px 4px #00000073;transition:top .18s ease,box-shadow .18s ease}#powerSwitch:checked+.breaker-body .breaker-handle,.motor-power-switch:checked+.breaker-body .breaker-handle{top:6px;box-shadow:inset 0 1px #ffffffd9,0 0 8px #46d27680}.power-control .titulo{margin-bottom:4px}.power-leds{margin-top:8px;display:flex;justify-content:center;gap:8px}.power-led{width:10px;height:10px;border-radius:50%;border:1px solid #5b2b00;background:#6d4208;box-shadow:inset 0 0 4px #00000080}.power-led.on{background:#ff9d1f;box-shadow:0 0 8px #ff9d1fd9,0 0 15px #ff9d1f59}.digital-meter{max-width:170px;min-width:160px;padding:6px 8px 8px;border-radius:8px;border:1px solid #1a1f24;background:linear-gradient(180deg,#3f454b,#2a2f35);box-shadow:inset 0 1px #ffffff1f,0 5px 10px #00000059}.digital-meter .titulo{font-family:Segoe UI,Tahoma,sans-serif;font-weight:900;letter-spacing:.05em;font-size:10px;margin-bottom:5px;color:#f3f5f8;text-transform:uppercase}.digital-meter .display-shell{border-radius:4px;padding:7px 8px;border:1px solid #0b0f12;background:linear-gradient(180deg,#020506,#0b1014);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -2px 6px #000c}.digital-meter .valor{font-family:Consolas,Courier New,monospace;font-size:1.55rem;line-height:1;letter-spacing:.03em;color:#6e7782;text-shadow:none}.digital-meter .meter-meta{margin-top:5px;padding:3px 4px 0;border-top:1px solid rgba(255,255,255,.14);font-size:9px;letter-spacing:.03em;color:#dde2e8;font-weight:700}.digital-meter .display-shell{opacity:.72}.panel-energized .digital-meter .display-shell{opacity:1}.panel-energized .digital-meter .valor{color:#35ff5f;text-shadow:0 0 3px rgba(53,255,95,.8),0 0 7px rgba(53,255,95,.35)}#panel{position:relative;width:1160px;max-width:100%;margin:0 auto;padding:12px 14px 16px;border:2px solid #aeb4bd;border-radius:12px;background:linear-gradient(180deg,#ffffff8c,#fff3),repeating-linear-gradient(90deg,transparent 0,transparent 24px,rgba(0,0,0,.02) 24px,rgba(0,0,0,.02) 25px),var(--panel);box-shadow:0 10px 26px #0000002e;overflow:visible}#wires{position:absolute;inset:0;z-index:1100;pointer-events:none;overflow:visible}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.top-rack{grid-column:span 1}.rack{position:relative;background:#eef0f3;border:1px solid #b4bac2;border-radius:10px;padding:12px 14px}.rack-title{text-align:center;font-weight:900;letter-spacing:.12em;margin-bottom:12px;border-bottom:2px solid #2e3338;padding-bottom:4px}.rack-borners{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.banco{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(250px,320px));justify-content:center;align-items:start;gap:12px}.tablero{background:#eceef1;border:1px solid #afb5bd;border-radius:10px;min-height:232px;padding:8px 6px;box-shadow:inset 0 1px #ffffffb3}.tablero .titulo{margin:0 0 6px;text-align:center;font-size:.86rem;font-weight:900;letter-spacing:.08em}.trafo-realistic{padding:8px 6px;display:flex;flex-direction:column;gap:0}.trafo-realistic .titulo{margin:0 0 4px;text-align:center;font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #2e3338;padding-bottom:4px}.trafo-realistic .borne{width:20px;height:20px;min-width:20px;min-height:20px;font-size:0}.trafo-realistic .post-wrap>span{font-size:9px;font-weight:800;color:#1a1d21}.trafo-schematic-svg-wrap{width:100%;padding:0 4px;margin:0;display:flex;justify-content:center;pointer-events:none}.trafo-schematic-svg{width:100%;max-width:100%;height:auto;display:block;pointer-events:none}.trafo-realistic .fila-h,.trafo-realistic .fila-x{gap:2px;padding:0 4px}.fila-bornes{display:grid;justify-content:center;gap:6px}.fila-h{grid-template-columns:repeat(5,minmax(34px,1fr))}.fila-x{grid-template-columns:repeat(7,minmax(28px,1fr))}.post-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.post-wrap>span{font-size:10px;font-weight:700;letter-spacing:.03em}.aux-bornera{height:12px;margin:2px 10px 4px;background:linear-gradient(90deg,transparent 0 3%,#20242a 3% 97%,transparent 97% 100%);background-size:100% 1px;background-position:0 50%;background-repeat:no-repeat;opacity:.9}.borne{width:24px;height:24px;border-radius:50%;border:2px solid #0d0f12;background:radial-gradient(circle at 35% 30%,#6b7076 0,#1d2023,#090a0b);color:transparent;font-size:0;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 3px var(--shadow);cursor:pointer;position:relative;z-index:3000}.borne:before{content:"";position:absolute;width:10px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%);background:#050607;border:1px solid #1a1d21;border-radius:2px;box-shadow:inset 0 1px 3px #000000e6,inset 0 -1px 1px #ffffff0d;z-index:1}.borne:after{content:"";position:absolute;width:4px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#8a9199,#5c656d);border-radius:.5px;z-index:2}.borne.neutro{border-color:#d35400;background:radial-gradient(circle at 35% 30%,#f39c12,#e67e22,#d35400);box-shadow:0 4px 12px #d3540066,inset 0 2px 4px #ffffff40;color:transparent;text-shadow:none}.borne:hover{transform:scale(1.12);box-shadow:0 0 0 3px #3498db59,0 2px 3px var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.status-indicator{position:absolute;width:8px;height:8px;border-radius:50%;right:-3px;top:-3px;border:1px solid #101214;background:#6a1010}.status-indicator.connected{background:#2ed164}.status-indicator.energized:not(.connected){background:#ff9d1f;box-shadow:0 0 7px #ff9d1fe6,0 0 13px #ff9d1f59}.borne.energized-neutral{border-color:#3498db;background:radial-gradient(circle at 35% 30%,#5dade2 0,#3498db 55%,#21618c);color:#fff7ef}#panelMotor,#panelMotor9,#panelMotor6,#panelMotor3{padding:22px;background:#eceef1;border:1px solid #afb5bd;border-radius:10px;margin-top:14px;text-align:center}.motorPanel{display:flex;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0;border:1px solid #1a1f24;box-shadow:inset 0 0 15px #00000080,0 5px 15px #0000004d}.motor-terminal-box-outer{display:flex;flex-direction:column;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.terminal-box-header{background:#2c3e50;color:#ecf0f1;font-size:11px;font-weight:900;padding:8px 15px;border-radius:10px 10px 0 0;border-bottom:2px solid #1a252f;letter-spacing:.1em;text-align:left}.winding-group-didactic{display:flex;flex-direction:column;align-items:center}.winding-label{font-size:9px;font-weight:900;color:#bdc3c7;margin-bottom:15px;letter-spacing:.05em;opacity:.7}.motorPanel .fila{display:flex;gap:30px}.motorPanel .borne{width:30px;height:30px;border-width:3px;font-size:0}.motorPanel .borne:before{width:12px;height:7px}.motorPanel .borne:after{width:5px;height:2.5px}.motorPanel .post-wrap span{color:#fff;opacity:.9;font-size:9px;margin-top:2px}.motor-layout{display:flex;justify-content:center;align-items:flex-start;gap:10px;width:fit-content;margin:4px auto 0}.motor-side{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.motor-breaker .breaker-body{width:34px;height:52px}.motor-breaker .breaker-handle{left:6px;width:20px;height:20px}.source-stack{background:linear-gradient(135deg,#f4f7f9,#e1e8ed);border:1px solid #c0c9d1;border-radius:12px;box-shadow:0 4px 10px #0000001a;min-width:140px}.source-title{font-size:10px;font-weight:900;letter-spacing:.1em;color:#2c3e50;text-transform:uppercase}.didactic-info{margin-top:20px;padding:12px;background:#fdf9e1;border-left:4px solid #f1c40f;border-radius:4px;font-size:11px;color:#7f8c8d;text-align:left}.source-borne.energized-source{border-color:#d35400;background:radial-gradient(circle at 35% 30%,#e67e22 0,#d35400 55%,#a04000);box-shadow:0 0 12px #d3540080}.borne.energized-neutral{border-color:#d35400;background:radial-gradient(circle at 35% 30%,#ff8c00 0,#e67e22 55%,#d35400);box-shadow:0 0 10px #d3540066}.diagnostic-active .motorPanel .post-wrap span{visibility:hidden}.diagnostic-active .motorPanel .borne:after{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff4d;font-size:14px;font-weight:900}.diagnostic-active .monitor-header:after{content:" (DIAGN\d3STICO)";color:#9b59b6}@media(max-width:1200px){#medidores{grid-template-columns:120px 160px 160px repeat(3,minmax(150px,1fr))}.panel-grid{grid-template-columns:1fr}.top-rack{grid-column:1 / -1}.banco{grid-template-columns:minmax(250px,380px)}.motor-layout{flex-direction:column;align-items:center;gap:16px}.source-col{flex-direction:row}}@media(max-width:820px){#medidores{grid-template-columns:repeat(2,minmax(150px,1fr))}}.motor-monitoring{min-width:200px;display:flex;flex-direction:column;gap:15px}.monitor-card{background:#f8f9fa;border:1px solid #c0c9d1;border-radius:12px;padding:15px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center}.monitor-header{font-size:11px;font-weight:900;color:#2c3e50;margin-bottom:10px;letter-spacing:.1em}.status-badge{padding:5px 12px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:15px;transition:all .3s ease}.status-stopped{background:#ecf0f1;color:#7f8c8d}.status-running{background:#27ae60;color:#fff;box-shadow:0 0 10px #27ae6066}.status-error{background:#e74c3c;color:#fff}.visual-motor-container{width:100px;height:100px;margin-bottom:20px}.motor-svg{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.rotor{transform-origin:center}.rotor-fast-cw{animation:rotateCW .5s linear infinite}.rotor-slow-cw{animation:rotateCW 1.5s linear infinite}.rotor-fast-ccw{animation:rotateCCW .5s linear infinite}.rotor-slow-ccw{animation:rotateCCW 1.5s linear infinite}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.schematic-mini{width:100%;border-top:1px solid #eee;padding-top:15px}.schematic-title{font-size:10px;font-weight:700;color:#95a5a6;text-align:center;margin-bottom:8px}.coils-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.coil-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.coil-unit span{font-size:9px;font-weight:700;color:#bdc3c7}.coil-icon{width:24px;height:12px;background:#e0e0e0;border-radius:4px;position:relative;transition:all .3s ease}.coil-icon:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#bdc3c7}.coil-unit.active .coil-icon{background:#f1c40f;box-shadow:0 0 5px #f1c40f80}.coil-unit.active .coil-icon:before{background:#d35400}.coil-unit.active span{color:#2c3e50}#motorValidator{position:fixed;top:80px;left:16px;width:250px;background:linear-gradient(145deg,#1a1e24,#12161c);border:1px solid #2e3540;border-radius:12px;box-shadow:0 8px 30px #00000080,0 0 0 1px #ffffff0a inset;z-index:8000;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;transform:translate(-110%);opacity:0;pointer-events:none;font-family:Segoe UI,Tahoma,sans-serif}#motorValidator.visible{transform:translate(0);opacity:1;pointer-events:auto}#motorValidator .validator-topbar{height:4px;width:100%;background:#2e3540;transition:background .4s ease}#motorValidator.vld-ok .validator-topbar{background:linear-gradient(90deg,#27ae60,#2ecc71)}#motorValidator.vld-warn .validator-topbar{background:linear-gradient(90deg,#e67e22,#f39c12)}#motorValidator.vld-error .validator-topbar{background:linear-gradient(90deg,#c0392b,#e74c3c)}.validator-header{display:flex;align-items:center;gap:8px;padding:8px 12px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.validator-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .3s ease;background:#ffffff0f}#motorValidator.vld-ok .validator-icon{background:#27ae6033}#motorValidator.vld-warn .validator-icon{background:#e67e2233}#motorValidator.vld-error .validator-icon{background:#c0392b33}.validator-title{flex:1}.validator-title h4{margin:0;font-size:10px;font-weight:900;letter-spacing:.06em;color:#ecf0f1;text-transform:uppercase;line-height:1.2}.validator-title span{font-size:9px;color:#7f8c8d;font-weight:500}.validator-close{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:18px;padding:2px 6px;border-radius:6px;line-height:1;transition:color .2s,background .2s}.validator-close:hover{color:#ecf0f1;background:#ffffff14}.validator-body{padding:8px 12px}.validator-status-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.03em;transition:all .3s ease}.validator-status-badge .badge-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:badgePulse 1.5s ease-in-out infinite}#motorValidator.vld-ok .validator-status-badge{background:#27ae6026;color:#2ecc71;border:1px solid rgba(39,174,96,.3)}#motorValidator.vld-ok .badge-dot{background:#2ecc71;box-shadow:0 0 6px #2ecc71}#motorValidator.vld-warn .validator-status-badge{background:#e67e2226;color:#f39c12;border:1px solid rgba(230,126,34,.3)}#motorValidator.vld-warn .badge-dot{background:#f39c12;box-shadow:0 0 6px #f39c12}#motorValidator.vld-error .validator-status-badge{background:#c0392b26;color:#e74c3c;border:1px solid rgba(192,57,43,.3)}#motorValidator.vld-error .badge-dot{background:#e74c3c;box-shadow:0 0 6px #e74c3c;animation:badgePulseError .4s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes badgePulseError{0%,to{opacity:1;transform:scale(1.2)}50%{opacity:.5;transform:scale(.7)}}#validatorDescription{font-size:10px;color:#95a5a6;line-height:1.5;margin-bottom:8px;padding:7px 10px;background:#ffffff08;border-radius:6px;border-left:2px solid rgba(255,255,255,.1);transition:border-color .3s ease}#motorValidator.vld-ok #validatorDescription{border-color:#27ae6080}#motorValidator.vld-warn #validatorDescription{border-color:#e67e2280}#motorValidator.vld-error #validatorDescription{border-color:#c0392b80}#validatorFaultList{display:flex;flex-direction:column;gap:6px}.fault-item{display:flex;align-items:flex-start;gap:6px;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:600;line-height:1.4;animation:faultSlideIn .2s ease}.fault-item.fault-critical{background:#c0392b1f;color:#e74c3c;border:1px solid rgba(192,57,43,.25)}.fault-item.fault-warning{background:#e67e221a;color:#f39c12;border:1px solid rgba(230,126,34,.2)}.fault-item.fault-info{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.fault-item .fault-icon{font-size:13px;flex-shrink:0;margin-top:1px}@keyframes faultSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.validator-footer{padding:6px 12px 8px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:6px}.validator-mode-tag{font-size:8px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:20px;text-transform:uppercase;background:#ffffff0f;color:#7f8c8d;transition:all .3s ease}.validator-mode-tag.mode-detected{background:#3498db33;color:#3498db;box-shadow:0 0 8px #3498db33}.validator-cable-count{font-size:9px;color:#4a5568;font-weight:600}#shortCircuitOverlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0}#shortCircuitOverlay.flash-active{animation:scFlash .55s ease-out forwards}@keyframes scFlash{0%{opacity:0;background:radial-gradient(circle at 50% 50%,rgba(231,76,60,.85),rgba(192,57,43,.5) 60%,transparent 100%)}15%{opacity:1}40%{opacity:.7}to{opacity:0}}#sparkContainer{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.spark-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#f1c40f;box-shadow:0 0 8px #e74c3c,0 0 16px #f39c12;animation:sparkFly var(--dur, .7s) ease-out forwards}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}60%{opacity:.8}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.borne.fault-short{animation:shortShake .45s ease-out,shortGlow .45s ease-out;border-color:#e74c3c!important}@keyframes shortShake{0%,to{transform:translate(0)}20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes shortGlow{0%{box-shadow:0 0 #e74c3c00}30%{box-shadow:0 0 18px 6px #e74c3cd9}to{box-shadow:0 0 4px 1px #e74c3c33}}.motor-panel-fault{animation:panelFaultFlash .5s ease-out 3}@keyframes panelFaultFlash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #e74c3c99 inset}}.guia-overlay{position:fixed;inset:0;z-index:12000;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.guia-overlay.visible{opacity:1;pointer-events:auto}.guia-modal{position:relative;width:720px;max-width:92vw;max-height:88vh;background:linear-gradient(160deg,#1a1e28,#0f1218);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 30px 80px #000000a6,0 0 0 1px #ffffff0a inset,0 0 60px #0d6efd14;display:flex;flex-direction:column;overflow:hidden;transform:scale(.92) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.guia-overlay.visible .guia-modal{transform:scale(1) translateY(0)}.guia-close{position:absolute;top:14px;right:14px;z-index:10;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#95a5a6;font-size:22px;cursor:pointer;display:grid;place-items:center;transition:all .2s ease}.guia-close:hover{background:#e74c3c33;border-color:#e74c3c66;color:#e74c3c}.guia-header{padding:28px 32px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(13,110,253,.08) 0%,transparent 100%)}.guia-icon{font-size:38px;margin-bottom:8px;filter:drop-shadow(0 0 12px rgba(13,110,253,.5))}.guia-header h2{margin:0;font-size:20px;font-weight:800;color:#ecf0f1;letter-spacing:.02em;line-height:1.3}.guia-subtitle{margin:6px 0 0;font-size:12px;color:#7f8c8d;font-weight:500;letter-spacing:.03em}.guia-body{overflow-y:auto;padding:24px 32px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.guia-body::-webkit-scrollbar{width:6px}.guia-body::-webkit-scrollbar-track{background:transparent}.guia-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.guia-section{margin-bottom:22px}.guia-section h3{margin:0 0 10px;font-size:15px;font-weight:800;color:#ecf0f1;letter-spacing:.02em}.guia-section p{margin:0 0 8px;font-size:12.5px;color:#bdc3c7;line-height:1.65}.guia-section ul{margin:0;padding-left:20px}.guia-section li{font-size:12px;color:#bdc3c7;line-height:1.7;margin-bottom:4px}.guia-section li strong{color:#ecf0f1}.guia-modes{display:flex;flex-direction:column;gap:10px}.guia-mode-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:background .2s,border-color .2s}.guia-mode-card:hover{background:#ffffff0f;border-color:#ffffff1a}.guia-mode-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #0003}.guia-mode-card strong{font-size:13px;color:#ecf0f1;display:block;margin-bottom:4px}.guia-mode-card p{margin:0;font-size:11.5px;color:#95a5a6;line-height:1.55}.guia-mode-card em{color:#3498db;font-style:normal;font-weight:600}.guia-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guia-feature{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:8px;font-size:11.5px;color:#bdc3c7;border:1px solid rgba(255,255,255,.04);transition:background .2s}.guia-feature:hover{background:#ffffff0f}.guia-feature span{font-size:15px;flex-shrink:0;width:22px;text-align:center}.guia-footer-info{margin-top:10px;padding:16px 18px;background:linear-gradient(135deg,#0d6efd1a,#27ae6014);border:1px solid rgba(13,110,253,.2);border-radius:12px}.guia-footer-info p{margin:0;font-size:12px;color:#bdc3c7;line-height:1.6;text-align:center}.guia-footer-info strong{color:#ecf0f1}@media(max-width:600px){.guia-header{padding:20px 18px 14px}.guia-header h2{font-size:16px}.guia-body{padding:16px 18px 20px}.guia-features{grid-template-columns:1fr}}
