/* Academia PER - capa final de diseño y compatibilidad */
:root{--bg:#061014;--panel:#0f2028;--panel2:#132c36;--line:#274754;--txt:#f5fbff;--muted:#a8c4ce;--brand:#69d2ff;--brand2:#8ee8ff;--ok:#72eba9;--bad:#ff8f8f;--warn:#ffd27a;}
html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(105,210,255,.18),transparent 28%),linear-gradient(180deg,#041014,#08212b)!important;color:var(--txt)!important}a{color:inherit}.appShell,main,header,footer{max-width:980px;margin-left:auto;margin-right:auto}.topNav,.home-actions,.navActions,.page-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}.studyBtn,.linkbtn,.topNav a,.page-actions a,.navActions a,.navActions button,.actionButton{display:flex!important;align-items:center;justify-content:center;min-height:48px;padding:13px 16px;border-radius:15px;background:linear-gradient(180deg,#7fe2ff,#4fc5ee);color:#00141b!important;text-decoration:none!important;font-weight:900;border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 20px rgba(0,0,0,.25)}.studyBtn.secondaryBtn,.linkbtn.secondaryBtn,.topNav a.secondaryBtn{background:#142e39!important;color:var(--txt)!important;border-color:#315563}.card,.qcard,.q,.topic-card,.lesson-card{background:rgba(12,31,39,.96)!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 10px 32px rgba(0,0,0,.22)}button,.test{cursor:pointer}.test{background:linear-gradient(180deg,#173541,#102631)!important;border:1px solid #315563!important;color:var(--txt)!important;text-decoration:none!important;transition:.16s transform,.16s border-color}.test:hover,.studyBtn:hover,.linkbtn:hover,.topNav a:hover{transform:translateY(-1px);border-color:var(--brand)}.muted,small{color:var(--muted)!important}.pill,.scoreItem,.statBox,.quick-grid div,.rules{background:#0b1b23!important;border:1px solid #254552!important;border-radius:15px!important}.sticky{padding:10px!important}.opt{border:1px solid #294c59!important}.opt.ok,.ok,.correct{border-color:var(--ok)!important;background:rgba(114,235,169,.12)!important}.opt.bad,.bad,.wrong{border-color:var(--bad)!important;background:rgba(255,143,143,.12)!important}.pass{color:var(--ok)!important}.fail{color:var(--bad)!important}.warn{border-color:var(--warn)!important}.miniTable{width:100%;border-collapse:separate;border-spacing:0 8px}.miniTable th{text-align:left;color:var(--muted);font-size:13px}.miniTable td{background:#0b1b23;border-top:1px solid #254552;border-bottom:1px solid #254552;padding:10px}.miniTable td:first-child{border-left:1px solid #254552;border-radius:12px 0 0 12px}.miniTable td:last-child{border-right:1px solid #254552;border-radius:0 12px 12px 0}.bar{height:10px;background:#07151b;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#69d2ff,#8ee8ff);border-radius:99px}.heroClean{display:grid;gap:10px}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;background:#12313d;color:#bfefff;border:1px solid #315563;border-radius:999px;padding:6px 10px;font-weight:800;font-size:13px}.headerBox{display:flex;align-items:center;gap:14px}.headerBox .logo{flex:0 0 auto}.pageTitle{margin:0}.notice{background:#122731;border-left:4px solid var(--brand);border-radius:14px;padding:12px 14px;margin:14px 0;color:#dff7ff}.mobileNote{display:none}@media(max-width:560px){header{padding:18px 12px 6px!important}main{padding:8px!important}.home-actions,.topNav,.navActions,.page-actions{grid-template-columns:1fr!important}.card,.q,.qcard,.topic-card{padding:14px!important;border-radius:17px!important}.headerBox{align-items:flex-start}.logo{font-size:28px!important}.mobileNote{display:block}.sticky{gap:6px}.sticky button{font-size:13px}.miniTable{font-size:13px}.miniTable th:nth-child(2),.miniTable td:nth-child(2){display:none}}