:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#142f4c;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{max-width:1760px;margin:auto;padding:20px 25px}.topbar{display:flex;align-items:center;gap:18px;border-bottom:1px solid #dbe3ed;margin-bottom:18px;padding-bottom:18px}.brand-mark{height:64px;width:64px;flex-shrink:0;border-radius:18px;background:#f89016;color:white;display:grid;place-items:center;font-size:46px}.topbar-title{flex:1}.topbar h1{font-size:clamp(23px,2.2vw,34px);line-height:1.16;letter-spacing:-.6px;margin:0 0 6px;color:#092d55}.topbar p{margin:0;color:#62758a;font-weight:500}.university{text-align:right;display:grid;gap:5px}.university strong{font-size:14px;max-width:180px;line-height:1.25}.university span{color:#f18d14;font-weight:750}main{display:grid;gap:16px}.main-grid{display:grid;grid-template-columns:minmax(280px,1.03fr) minmax(360px,1.4fr) minmax(265px,.96fr);gap:15px;align-items:stretch}.lower-grid{display:grid;grid-template-columns:1.16fr 1fr .9fr;gap:15px}.panel{border:1px solid #d8e4f0;border-radius:12px;background:#fff;box-shadow:0 3px 15px #2f54880b;overflow:hidden;min-width:0}.panel-head{background:linear-gradient(90deg,#123c6d,#175a94);color:white;font-size:16px;font-weight:750;margin:0;padding:13px 16px}.panel-head.warm{background:linear-gradient(90deg,#f78b10,#fc9f19)}.header-split{display:flex;justify-content:space-between;align-items:center}.header-split h2{font-size:16px;margin:0}.time-label{font-size:12px;font-weight:650;background:#ffffff25;padding:6px 9px;border-radius:6px}.panel-body{padding:16px}.field{margin-bottom:16px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.field label{font-size:13px;font-weight:750}.entry{display:flex;align-items:center;gap:7px;font-size:12px}.entry input{width:78px;border:1px solid #ccd9e8;border-radius:6px;padding:7px;color:#193c64;font-weight:650;font-size:14px;min-width:0}.field input[type=range]{width:100%;height:6px;accent-color:#1680e9;cursor:pointer}.field:nth-child(even) input[type=range]{accent-color:#f89116}.range-bounds{display:flex;justify-content:space-between;color:#718299;font-size:11px;margin-top:1px}.actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin:16px 0}button{border-radius:8px;padding:10px 8px;font-weight:750;border:1px solid #d3e0ee;color:#194576;background:#eef4fa;cursor:pointer;font-size:12px}button:hover:not(:disabled){filter:brightness(.97)}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:#0879e9;border-color:#0879e9;color:white}.status-bar{font-size:12px;line-height:1.45;background:#f1f6fd;border:1px solid #d7e8fa;border-radius:8px;padding:9px;color:#315a82}.toggle{margin-top:13px;font-size:12px;font-weight:600}.toggle input{accent-color:#1373d2}.help{font-size:11px;line-height:1.5;color:#6e7f91;margin:10px 0 0}.canvas-area{height:445px;position:relative;background:radial-gradient(circle at 48% 29%,#fff 0,#eef3f8 92%)}canvas{display:block}#simCanvas{height:100%;width:100%}.sim-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;color:#526e89;font-size:11px}.legend-dot{display:inline-block;height:9px;width:9px;border-radius:50%;margin-right:3px}.orange{background:#ef8c18}.blue{background:#1681e7}.result-list{padding:12px;display:grid;gap:10px}.result-card{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#eef6ff;border-radius:11px;padding:13px 12px;min-height:87px}.result-card.amber{background:#fff5e8}.result-card>div:first-child{display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:6px}.result-icon{grid-row:1/3;color:#0b6dbb;font-size:26px;font-weight:bold}.amber .result-icon{color:#ee8515}.result-card strong{font-size:12px}.result-card small{color:#607993;font-size:11px;line-height:1.5}.result-number{text-align:right;display:grid;gap:1px;color:#0a4c9b;flex-shrink:0}.result-number b{font-size:clamp(22px,2vw,32px);letter-spacing:-1px}.result-number small{font-weight:700;color:inherit}.amber .result-number{color:#e77d09}.result-extra{border-top:1px solid #e1e8f0;padding:8px 3px;display:grid;gap:10px;font-size:12px}.result-extra div{display:flex;justify-content:space-between;gap:9px}.ideal-result{border-radius:8px;background:#fff5e4;padding:10px;font-size:12px;line-height:1.6}.ideal-result[hidden]{display:none}.formula-cards{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.formula-cards>div{background:#f4f7fb;text-align:center;border:1px solid #e0e8f2;border-radius:8px;padding:12px 5px;display:grid;gap:8px;align-content:center}.formula-cards strong{font-size:clamp(12px,1.1vw,17px);color:#194368}.formula-cards small{font-size:10px;color:#667e95}.formula-panel details{margin:0 15px 15px;border:1px solid #d9e4f0;border-radius:8px;background:#fbfdff}.formula-panel summary{cursor:pointer;font-weight:700;padding:12px;font-size:12px}.steps-content{padding:0 13px 12px;font-size:12px;line-height:1.85;color:#3b5875}.steps-content p{margin:10px 0}.steps-content code{display:block;white-space:normal;background:#f1f6fc;padding:7px;margin:6px 0;border-radius:5px;color:#153c65}.chart-toolbar{padding:14px 15px 2px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.chart-toolbar select{max-width:75%;border:1px solid #ccd9e8;border-radius:6px;padding:7px;color:#20476e;background:white}#chartCanvas{height:245px;width:100%}.chart-caption{text-align:center;font-size:11px;color:#71849a;margin:0 10px 13px}.application-body{padding:15px}.application-symbol{height:85px;display:grid;place-items:center;font-size:60px;background:#eaf3fc;border-radius:9px}.application-body h3{font-size:15px;color:#0f3f71}.application-body p{color:#47617c;font-size:12px;line-height:1.6}.outline{width:100%;margin-top:9px;text-align:center;background:white;border:1px solid #bdd6ef}.outline:hover{background:#eef6fd}footer{font-size:11px;text-align:center;color:#8091a3;padding:19px 8px}@media(max-width:1180px){.main-grid{grid-template-columns:300px minmax(320px,1fr)}.results{grid-column:1/-1}.result-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-extra,.ideal-result{grid-column:1/-1}.lower-grid{grid-template-columns:1fr 1fr}.applications{grid-column:1/-1}.application-symbol{height:55px}.application-body{display:block}}@media(max-width:740px){.app-shell{padding:12px}.topbar{gap:10px}.brand-mark{width:45px;height:45px;font-size:34px;border-radius:10px}.topbar h1{font-size:21px}.topbar p{font-size:11px}.university{display:none}.main-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.results,.applications{grid-column:auto}.canvas-area{height:340px}.result-list{grid-template-columns:1fr}.result-extra,.ideal-result{grid-column:auto}.formula-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-cards strong{font-size:14px}}@media print{body{background:white}.app-shell{max-width:none;padding:0}.actions,.toggle,.outline,.chart-toolbar,.help{display:none}.main-grid,.lower-grid{display:grid;grid-template-columns:1fr 1fr}.simulation,.results,.applications{grid-column:auto}.panel{break-inside:avoid}.canvas-area{height:320px}.formula-panel details{display:block}.formula-panel details .steps-content{display:block}.topbar{padding:8px}footer{display:none}}

/* Módulo del Avance 2: energía, trabajo, potencia y tensión */
.energy-section{margin:16px 0 18px;overflow:hidden}
.energy-intro{padding:16px 19px 0;color:#4f667e;font-size:14px;line-height:1.55}
.energy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px}
.energy-card{background:#f2f7fd;border:1px solid #d8e6f4;border-radius:11px;padding:14px;display:flex;flex-direction:column;gap:7px}
.energy-card small{font-size:12px;color:#355677;font-weight:600}
.energy-card strong{font-size:24px;color:#125aa1}
.energy-card span{font-size:12px;color:#5a7085}
.energy-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 18px 14px}
.energy-footer>div{border-left:3px solid #f28a16;background:#fff9ef;padding:11px 14px;border-radius:6px}
.energy-footer strong{color:#183f69}.energy-footer p{font-size:13px;line-height:1.55;margin:7px 0 0}
.energy-section>details{margin:0 18px 18px}.energy-section>details summary{cursor:pointer;font-weight:700;color:#154f87}
@media(max-width:850px){.energy-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.energy-cards,.energy-footer{grid-template-columns:1fr}}