/* Sistema eléctrico visual · componente independiente del tema; sin fuentes ni librerías externas */
.kvs{--kvs-navy:#0c1929;--kvs-ink:#153047;--kvs-cyan:#2dd0d4;--kvs-amber:#f5c56b;--kvs-muted:#607684;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--kvs-ink);margin:26px auto 65px}.kvs *{box-sizing:border-box}.kvs-kicker{display:inline-block;font-size:11px;font-weight:850;letter-spacing:.16em;color:#128294;text-transform:uppercase}.kvs h1,.kvs h2,.kvs h3{line-height:1.14;letter-spacing:-.045em}.kvs a{text-decoration:none}.kvs-hero{border-radius:22px;background:radial-gradient(ellipse at 74% 25%,#235572,#0c1929 67%);display:grid;grid-template-columns:1.25fr .75fr;padding:clamp(28px,5vw,70px);gap:30px;color:#fff;overflow:hidden}.kvs-hero h1{font-size:clamp(2.3rem,4.5vw,4.6rem);margin:14px 0}.kvs-hero h1 em{color:var(--kvs-amber);font-style:normal}.kvs-hero p{color:#b8cfdb;font-size:1.1rem;max-width:680px}.kvs-hero .kvs-kicker{color:var(--kvs-amber)}.kvs-hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.kvs-hero-links a,.kvs-bridge>a{padding:12px 18px;background:var(--kvs-amber);color:#13283a;font-weight:800;border-radius:9px}.kvs-hero-links .kvs-ghost{border:1px solid #7b9caf;color:#fff;background:transparent}.kvs-hero-visual{display:flex;gap:14px;justify-content:center;align-items:center;flex-direction:column;background:#ffffff0e;border:1px solid #ffffff29;border-radius:15px;min-height:275px}.kvs-hero-visual span{font-size:11px;letter-spacing:.17em;color:#b8d4e1;font-weight:700}.kvs-hero-visual b{color:var(--kvs-amber);font-size:4rem;font-weight:400;line-height:.7}.kvs-hero-visual small{color:#e1e7ee}.kvs-section-title{margin:48px 0 20px}.kvs-section-title h2{font-size:clamp(1.65rem,3vw,2.4rem);margin:8px 0}.kvs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.kvs-card{display:flex;flex-direction:column;padding:27px;border:1px solid #d9e4e8;border-radius:15px;background:#fff;color:#153047;transition:transform .2s,box-shadow .2s;min-height:245px}.kvs-card:hover,.kvs-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 35px #0c192922}.kvs-card>span{color:#138b9c;font-weight:850;font-size:12px}.kvs-card h3{font-size:1.4rem;margin:17px 0 0}.kvs-card p{color:#526979;flex:1}.kvs-card small{color:#637c8b}.kvs-card strong{color:#087c8e;margin-top:14px;font-size:13px}.kvs-heading{margin:0 0 22px}.kvs-heading h1{font-size:clamp(2rem,4vw,3.6rem);margin:9px 0}.kvs-heading p{font-size:1rem;color:#526a78;max-width:780px}.kvs-workspace{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.45fr);gap:18px;align-items:stretch}.kvs-controls{background:#fff;border:1px solid #dbe6e8;border-radius:17px;padding:27px}.kvs-controls h2{font-size:1.3rem;margin:0 0 25px}.kvs-controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;font-size:14px;font-weight:700;margin:0 0 21px}.kvs-controls output{font-size:14px;color:#087a8d;font-weight:800;font-variant-numeric:tabular-nums}.kvs-controls input[type=range]{width:100%;accent-color:#0d899c;cursor:pointer}.kvs-controls select{border:1px solid #bccdd5;padding:8px 11px;border-radius:8px;max-width:100%;background:white}.kvs-explainer{font-size:13px;color:#5b7280;background:#edf3f4;padding:13px;border-left:3px solid #1c9ead;border-radius:7px}.kvs-results{background:#10243a;color:#e5f0f5;border-radius:17px;padding:clamp(18px,3vw,32px);overflow:hidden}.kvs-schematic{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(130deg,#193955,#162a40);border:1px solid #31536a;padding:27px 15px;border-radius:14px;min-height:205px}.kvs-device{border:2px solid #70cbd3;border-radius:12px;min-width:95px;padding:17px 9px;text-align:center;font-size:13px;letter-spacing:.09em;color:#fff;line-height:1.25;font-weight:850;background:#1d4054}.kvs-device small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#bad4df;margin-top:9px}.kvs-device.kvs-ac{font-size:35px;border-radius:50%;height:104px;min-width:104px;position:relative}.kvs-device.kvs-ac small{font-size:10px}.kvs-power-line{width:clamp(18px,5vw,80px);height:4px;background:linear-gradient(90deg,#f3c26d,#3cc4d3);position:relative;flex-shrink:1}.kvs-power-line:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#f5c56b;top:-2px;left:0;animation:kvs-flow 2s linear infinite}.kvs-transformer{display:flex;position:relative;align-items:center;justify-content:center;min-width:92px;height:85px;gap:3px}.kvs-transformer i{width:27px;height:55px;border:5px double #f5c56b;border-radius:50%;transform:scaleX(.65)}.kvs-transformer small{position:absolute;top:79px;left:-15px;right:-15px;text-align:center;font-size:9px;color:#b1d1dc}.kvs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.kvs-metrics>div{background:#1c3a53;padding:16px;border-radius:10px;min-width:0}.kvs-metrics small,.kvs-frequency small{display:block;color:#aac5d6;font-size:11px;line-height:1.3}.kvs-metrics strong,.kvs-frequency strong{display:block;margin-top:9px;color:#f5c56b;font-size:clamp(1.3rem,2.3vw,2rem);letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}.kvs-formula{color:#cfebf1;background:#15374a;border:1px solid #36617b;padding:11px 16px;border-radius:8px;font-size:14px}.kvs-warning{border-left:4px solid #d99f45;background:#fff7e8;color:#614a1a;font-size:13px;line-height:1.65;padding:13px 17px;border-radius:6px;margin:17px 0}.kvs-next{display:flex;flex-wrap:wrap;gap:13px;justify-content:space-between;margin:24px 0}.kvs-next a{color:#067e90;font-weight:800}.kvs-bridge{display:flex;align-items:center;gap:25px;justify-content:space-between;background:#123047;color:#fff;border-radius:16px;padding:27px 32px;margin:28px 0}.kvs-bridge h2{margin:7px 0 8px;font-size:1.6rem;color:#fff}.kvs-bridge p{color:#bcd4de;margin:0;max-width:760px;font-size:14px}.kvs-bridge .kvs-kicker{color:#f5c56b}.kvs-bridge>a{flex-shrink:0}.kvs-related{border-top:1px solid #cbd9dd;padding-top:22px;margin-top:34px}.kvs-related>strong{display:block;margin-bottom:12px;font-size:14px}.kvs-related>div{display:flex;flex-wrap:wrap;gap:9px}.kvs-related a{font-size:12px;padding:8px 11px;background:#e3eff1;border-radius:8px;color:#126e82;font-weight:800}.kvs-play,.kvs-reset{display:block;border:0;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer;margin:9px 0;width:100%}.kvs-play{background:#0d8596;color:#fff}.kvs-reset{background:#e7eff1;color:#1b4356}.kvs-grid-head{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;color:#b3d7e2;font-weight:800}.kvs-grid-head [data-kvs-clock]{margin-left:auto;font-variant-numeric:tabular-nums;color:#f5c56b}.kvs-live-dot{width:9px;height:9px;border-radius:50%;background:#f5c56b}.kvs-grid-diagram{position:relative;display:flex;align-items:center;justify-content:space-around;margin:14px 0 5px;padding:17px 0 22px;border:1px solid #34576a;border-radius:12px;background:#1a394e}.kvs-grid-diagram>span{font-size:10px;letter-spacing:.1em;color:#c3dce5;text-align:center}.kvs-grid-diagram>span>strong{display:block;font-size:34px;color:#f5c56b}.kvs-grid-wire{width:30%;border-top:3px solid #45bdcc;position:relative}.kvs-grid-node{position:absolute;border-radius:50%;width:12px;height:12px;top:-7px;background:#f5c56b;left:50%}.kvs-grid-diagram>.kvs-battery-symbol{position:absolute;bottom:4px;left:42%;font-size:9px;color:#c4e0d9}.kvs-frequency{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kvs-frequency>div{background:#1c3b55;padding:13px;border-radius:9px}.kvs-frequency strong{font-size:clamp(1rem,2vw,1.7rem)}.kvs-chart{width:100%;height:auto;max-height:240px;margin:12px 0 2px;display:block;background:#101f31;border:1px solid #315066;border-radius:11px}.kvs-chart text{fill:#b3d0de;font-size:12px}.kvs-chart-grid{stroke:#496579;stroke-width:1}.kvs-chart-reference{stroke:#cba85d;stroke-dasharray:6 6;stroke-width:1}.kvs-chart polyline{stroke:#2ed2d5;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.kvs-chart circle{fill:#f5c56b}.kvs-small{font-size:12px;color:#b9d1d8;line-height:1.6}.kvs a:focus-visible,.kvs button:focus-visible,.kvs input:focus-visible,.kvs select:focus-visible{outline:3px solid #f5c56b;outline-offset:3px}@keyframes kvs-flow{0%{left:0}100%{left:calc(100% - 8px)}}@media(max-width:950px){.kvs-workspace,.kvs-hero{grid-template-columns:1fr}.kvs-hero-visual{min-height:150px;flex-direction:row;flex-wrap:wrap}.kvs-hero-visual b{font-size:2rem}.kvs-hero-visual small{width:100%;text-align:center}.kvs-cards{grid-template-columns:1fr 1fr}.kvs-bridge{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.kvs-cards,.kvs-metrics,.kvs-frequency{grid-template-columns:1fr}.kvs-hero{padding:28px 22px}.kvs-hero-visual{display:none}.kvs-controls,.kvs-results{padding:19px}.kvs-schematic{padding:25px 6px}.kvs-device{font-size:10px;min-width:64px;padding:15px 5px}.kvs-device.kvs-ac{min-width:75px;height:75px;font-size:23px}.kvs-device.kvs-ac small{font-size:8px}.kvs-power-line{width:18px}.kvs-transformer{min-width:64px}.kvs-bridge{padding:25px}.kvs-frequency strong{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.kvs-power-line:after{animation:none}.kvs-card{transition:none}}