/* Kilovatio Academia · razonamiento eléctrico v1.8 */
.kvr18{--kvr-bg:#102538;--kvr-pane:#173247;--kvr-border:#33546b;--kvr-cyan:#39c4d4;--kvr-gold:#f4c774;color:#e5eff4;font:inherit;margin:1rem 0 3rem;max-width:100%}
.kvr18 *, .kvr18 *:before,.kvr18 *:after{box-sizing:border-box}
.kvr18-hero{background:linear-gradient(115deg,#102336,#183c51);border:1px solid #3d6276;padding:clamp(21px,4vw,40px);border-radius:19px;margin:0 0 20px}
.kvr18-kicker{font-size:.78rem;letter-spacing:.11em;font-weight:750;color:var(--kvr-gold)}
.kvr18 h1{color:#fff;font-size:clamp(1.6rem,3.7vw,2.7rem);margin:.5rem 0}
.kvr18 h2,.kvr18 h3{color:#fff;line-height:1.24}.kvr18 p{line-height:1.6}.kvr18-hero p{color:#c7dce8;max-width:830px}
.kvr18-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.kvr18-links a{background:#25455a;color:#eaf6fa;border:1px solid #4c7086;border-radius:9px;padding:8px 11px;text-decoration:none;font-weight:650;font-size:.85rem}.kvr18-links a:hover,.kvr18-links a:focus-visible{background:#2e5e73;color:white}
.kvr18-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:18px;align-items:start}
.kvr18-sidebar,.kvr18-pane{background:var(--kvr-bg);border:1px solid var(--kvr-border);border-radius:16px;padding:20px;min-width:0}
.kvr18-sidebar{position:sticky;top:18px;max-height:calc(100vh - 35px);overflow-y:auto}
.kvr18-sidebar label{display:block;color:#dcecf4;font-size:.83rem;margin-bottom:11px}.kvr18-sidebar input,.kvr18-sidebar select{display:block;margin-top:6px;width:100%;color:#fff;background:#203e51;border:1px solid #557489;border-radius:8px;padding:10px;font:inherit}
.kvr18-case-list{display:grid;gap:7px;margin-top:14px}.kvr18-case-item{font:inherit;color:#d8e9f2;text-align:left;border:1px solid #3b5d73;background:#193549;border-radius:11px;cursor:pointer;padding:12px;display:grid;gap:6px;width:100%}.kvr18-case-item strong{font-size:.91rem;line-height:1.35}.kvr18-case-item small{font-size:.73rem;color:#a8c8d7}.kvr18-case-item span{font-size:.75rem;color:#f3c46e}.kvr18-case-item:hover,.kvr18-case-item:focus-visible,.kvr18-case-item.is-active{outline:2px solid #43c6d6;outline-offset:1px;background:#20475b}
.kvr18-tag{color:var(--kvr-gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:750}
.kvr18-pane h2{font-size:clamp(1.35rem,2.6vw,1.9rem);margin:.65rem 0 1rem}.kvr18-pane>p{color:#d2e0e8}
.kvr18-svg{background:#0d1e2b;padding:12px;border-radius:12px;margin:20px 0;overflow:hidden;border:1px solid #2b4c61}.kvr18-svg svg{display:block;width:100%;max-height:310px}.kvr18-svg-label{font-weight:650;color:#f6dfaa;font-size:.85rem}.kvr18-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:6px;font-size:.83rem;color:#d5e6f0}.kvr18-legend span{display:flex;align-items:center;gap:6px}.kvr18-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.kvr18-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:20px 0}.kvr18-metrics>div{background:#193e53;border:1px solid #40657b;border-radius:10px;padding:14px;display:grid;gap:6px}.kvr18-metrics span{font-size:.79rem;color:#b9d7e6}.kvr18-metrics strong{font-size:1.25rem;color:#f5e1b2}
.kvr18-question{border:1px solid #365c71;border-radius:13px;padding:14px;margin:14px 0;min-width:0}.kvr18-question legend{font-weight:750;padding:0 7px;color:#fff;font-size:1rem}.kvr18-question legend span{color:#65d2df}
.kvr18-option{display:flex;gap:11px;align-items:flex-start;background:#1b394d;padding:12px;border:1px solid #456278;border-radius:9px;margin:7px 0;cursor:pointer;line-height:1.45;color:#eef6fa}.kvr18-option:hover{border-color:#6eacbc}.kvr18-option input{margin-top:4px;accent-color:#26c5d8;flex:0 0 auto}.kvr18-option:has(input:checked){border-color:#39c4d4;background:#214c61}
.kvr18-essay{display:grid;gap:7px;font-weight:650;color:#eaf7ff}.kvr18-essay textarea{width:100%;max-width:100%;background:#193a50;color:white;border:1px solid #65859b;border-radius:10px;font:inherit;font-weight:400;padding:12px;resize:vertical}.kvr18-error{min-height:1rem;color:#ffc5ad;font-weight:600}
.kvr18 button,.kvr18-primary-link{font:inherit;cursor:pointer}.kvr18-submit,.kvr18-primary-link,.kvr18-save-review{background:#37c3d3;color:#08232f;border:0;border-radius:10px;padding:11px 18px;font-weight:750;text-decoration:none;display:inline-block}.kvr18-try{background:transparent;color:#edfaff;border:1px solid #76a6ba;border-radius:10px;padding:10px 14px;margin:8px}
.kvr18-feedback{background:#164055;border:1px solid #4f8795;border-radius:14px;padding:18px;margin-top:20px}.kvr18-explanation{margin:9px 0;background:#102c3e;border-radius:10px;padding:12px}.kvr18-explanation strong{color:#fee0ad}.kvr18-explanation p{margin:6px 0;font-size:.92rem}.kvr18-rubric{display:grid;gap:8px;margin-bottom:14px}.kvr18-rubric label{background:#20495c;border-radius:10px;padding:11px;display:flex;align-items:flex-start;gap:10px;line-height:1.4}.kvr18-rubric input{margin-top:4px;accent-color:#29c1d4}
.kvr18-note,.kvr18-prev{color:#b6cbd9;font-size:.83rem;padding:12px 0}.kvr18-footer{border:1px solid var(--kvr-border);background:#102538;border-radius:13px;margin:20px 0;padding:17px;line-height:1.65;font-size:.82rem;color:#b6ccda}.kvr18-footer button{background:#1f475d;color:#e6f6ff;border:1px solid #63899c;border-radius:8px;padding:7px 10px;margin:7px 5px 0 0}
.kvr18-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px;margin:20px 0}.kvr18-stat{display:grid;gap:6px;background:#1b3c50;border-radius:11px;padding:13px}.kvr18-stat span{font-size:.83rem}.kvr18-stat strong{font-size:1.4rem;color:#f2cd82}.kvr18-stat small{font-size:.73rem;color:#c4d9e6}.kvr18 progress{width:100%;height:8px;accent-color:#46c9d7}
.kvr18-table-wrap{overflow-x:auto}.kvr18 table{width:100%;border-collapse:collapse;font-size:.85rem}.kvr18 th,.kvr18 td{border-bottom:1px solid #436276;padding:11px;text-align:left}.kvr18 th{color:#ffda91}.kvr18-empty{background:#f9f2df;color:#362d1b;padding:18px;border-radius:12px}
@media(max-width:780px){.kvr18-layout{grid-template-columns:minmax(0,1fr)}.kvr18-sidebar{position:static;max-height:none}.kvr18-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px;overflow:auto}.kvr18 .kvr18-pane{padding:15px}}
@media(max-width:480px){.kvr18-case-list{grid-template-columns:minmax(0,1fr)}.kvr18-hero{padding:20px}.kvr18-svg{padding:5px}.kvr18-option{padding:10px}.kvr18 h3{font-size:1.06rem}}
@media(prefers-reduced-motion:reduce){.kvr18 *{scroll-behavior:auto!important;transition:none!important}}