:root{color-scheme:dark;--bg:#091423;--bg2:#101f33;--panel:#152840;--panel2:#1b304a;--line:#30455f;--text:#eff5ff;--muted:#afc2da;--blue:#71aaff;--blue2:#2765b4;--mint:#62dcb4;--warn:#fac57b;--danger:#ff929d;--shadow:0 12px 45px #02091660;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -6%,#17466c 0,transparent 33%),var(--bg);color:var(--text);font:16px/1.52 system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:var(--blue)}.app-shell{max-width:840px;margin:auto;min-height:100svh}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #273b53;background:#0a1629e8;position:sticky;top:0;z-index:25;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;background:linear-gradient(130deg,#2c7ec4,#12436c);border-radius:13px;width:44px;height:44px;font-size:30px;font-weight:900}.brand strong{font-size:18px;letter-spacing:-.5px}.brand strong span{color:#a9d0ff}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:500}.topbar-tools{display:flex;align-items:center;gap:9px}.network-pill{background:#203a4c;color:#8ce7b8;border-radius:16px;padding:5px 8px;font-size:11px;white-space:nowrap}.network-pill.off{color:#efcf93}.icon-button{border:1px solid #344b67;background:#1a2c44;color:#dceafa;border-radius:12px;width:42px;height:42px;font-size:21px}
main{padding:20px 17px calc(106px + env(safe-area-inset-bottom));min-height:calc(100svh - 145px)}.bottom-nav{position:fixed;z-index:24;bottom:0;left:0;right:0;display:flex;justify-content:space-around;border-top:1px solid #314966;background:#102038f5;backdrop-filter:blur(15px);padding:9px max(7px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 35px #0005}.nav-button{border:0;background:transparent;color:#96b0ce;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 8px;min-width:59px;min-height:47px}.nav-button span{font-size:25px;line-height:1}.nav-button small{font-size:11px;font-weight:650}.nav-button.active{color:#8dc4ff}.nav-button.active span{transform:translateY(-2px)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,5vw,34px);letter-spacing:-.8px;line-height:1.18;margin-bottom:8px}h2{font-size:19px;margin-bottom:12px;letter-spacing:-.3px}h3{font-size:16px;margin-bottom:10px}p{color:#c9d8ea}.eyebrow{color:#9bb5d6;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800;margin-bottom:7px}.subtitle{color:var(--muted);font-size:14px}.muted{color:var(--muted)}.tiny{font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 12px}.section-head h2{margin:0}.space{height:12px}
.hero{background:linear-gradient(132deg,#224d82 0%,#1b416b 52%,#193250 100%);border:1px solid #456a94;border-radius:23px;padding:21px;box-shadow:var(--shadow)}.hero h1{max-width:470px}.hero p{color:#d6e7fc;margin-bottom:16px}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-stat{font-size:33px;line-height:1.1;font-weight:850}.hero-stat small{display:block;font-size:12px;color:#d3e4f4;font-weight:550;margin-top:5px}.pill{border:1px solid #47729d;background:#234b75;border-radius:999px;padding:5px 9px;font-size:11px;white-space:nowrap;font-weight:700;color:#dceeff}.pill.good{background:#153e3b;border-color:#347e66;color:#a3f2d3}.pill.warn{background:#46351f;border-color:#926c34;color:#f4d5a3}.pill.bad{background:#482a32;border-color:#a55768;color:#ffb8bd}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric,.panel,.study-card,.question-shell{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(155deg,#152840,#112238);padding:16px}.metric strong{font-size:25px;display:block;line-height:1.25}.metric small{font-size:12px;color:var(--muted)}.panel{margin:12px 0}.panel p:last-child{margin-bottom:0}.study-card{display:flex;align-items:center;gap:12px;margin:10px 0}.tile-icon{width:46px;height:46px;display:grid;place-items:center;background:#264768;color:#b8d8ff;border-radius:13px;flex:0 0 auto;font-size:22px}.study-card>div:nth-child(2){flex:1;min-width:0}.study-card strong{display:block}.study-card small{display:block;color:var(--muted);font-size:12px}.arrow{color:#98c1ef;font-size:21px}.banner{border:1px solid #3e6c90;background:#163e61;border-radius:16px;padding:16px}.banner strong{display:block;margin-bottom:5px}.banner p{font-size:13px;margin:0}.warn-banner{background:#423420;border-color:#89703b}.warn-banner p{color:#fae2bb}
button.primary,button.secondary,button.ghost,button.danger,button.option,button.small-btn,.chip{appearance:none;border-radius:14px;min-height:46px;padding:11px 15px;font-weight:730;transition:background .15s,transform .12s;border:1px solid transparent}button.primary{background:#70afff;color:#061e38;border-color:#86c3ff}button.primary:hover{background:#95c7ff}button.secondary{background:#284462;color:#ecf4ff;border-color:#426484}button.ghost{background:transparent;color:#c6ddf9;border-color:#3e5671}button.danger{background:#64333d;color:#ffdee0;border-color:#a65662}button.small-btn{background:#203955;color:#e4f1ff;border-color:#395a77;padding:7px 11px;min-height:38px;font-size:13px}button.full{width:100%}.action-row{display:flex;gap:9px;flex-wrap:wrap}.action-row>*{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:38px;border:1px solid #39546e;background:#1b314a;color:#b8c9df;padding:7px 12px;font-size:13px}.chip.active{background:#2a5c92;color:#fff;border-color:#80b9ec}
.field{display:flex;flex-direction:column;gap:5px;margin:10px 0}.field label{font-weight:650;color:#e4edfb;font-size:13px}.field select,.field input{width:100%;padding:12px;min-height:48px;border-radius:12px;background:#0f2035;border:1px solid #4b627d;color:#f2f7ff;outline:none;font-size:16px}.field input:focus,.field select:focus{border-color:#89c7ff;box-shadow:0 0 0 3px #579fe82d}.field select option{background:#14253a}.separator{height:1px;background:#2d435e;margin:18px 0}.progress{height:9px;border-radius:99px;background:#263a54;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#3c92e6,#7fe0bd);border-radius:inherit}.kpi-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#b6cbe5;margin-bottom:7px}
.question-shell{margin-top:14px;padding:17px}.q-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px}.q-title{font-size:19px;font-weight:760;line-height:1.4;margin:12px 0 17px}.option{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;background:#172a42;color:#edf5ff;border:1px solid #3a5572!important;margin:10px 0;min-height:61px;padding:13px 12px!important;font-weight:520!important}.option .letter{display:inline-grid;place-items:center;border:1px solid #456582;color:#cbe4fb;border-radius:9px;min-width:30px;height:31px;font-weight:750}.option.selected{background:#244a71;border-color:#80b8f1!important}.option.correct{background:#163f3d;border-color:#6cd9ac!important}.option.incorrect{background:#49323b;border-color:#ef939d!important}.explanation{border:1px solid #426b79;border-radius:14px;background:#123b46;padding:15px;margin:15px 0}.explanation.bad{background:#432b34;border-color:#87515d}.explanation p{margin:8px 0;color:#deebf7}.source-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#bad0e7;font-size:12px}.info-title{font-weight:800;margin-bottom:7px}.q-actions{margin-top:20px}.exam-timer{font-size:15px;font-weight:800;color:#a4d9ff}
.card-flip{min-height:245px;background:radial-gradient(circle at 80% -20%,#285b89,transparent 62%),#183451;border:1px solid #5c85ab;border-radius:24px;display:grid;place-items:center;text-align:center;padding:23px 20px;margin:18px 0;box-shadow:var(--shadow)}.card-flip .flash-front{font-size:21px;line-height:1.36;font-weight:780}.card-flip .flash-back{font-size:21px;font-weight:790;color:#b3f8d9}.rating-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rating-row button{padding:11px 4px;min-height:55px;font-size:13px}.card-boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.box-level{text-align:center;background:#1c3754;padding:10px 2px;border:1px solid #3d6687;border-radius:10px}.box-level strong{font-size:19px;display:block}.box-level small{font-size:11px;color:var(--muted)}
.result-mark{font-size:47px;font-weight:850;color:var(--mint);line-height:1}.result-mark.low{color:var(--warn)}.table-wrap{overflow-x:auto}.facts{width:100%;border-collapse:collapse;font-size:13px}.facts td,.facts th{padding:11px 8px;text-align:left;border-bottom:1px solid #35506a}.facts th{color:#b4d0ef}.facts td:last-child{color:#e8f2ff}.source-image{width:100%;display:block;border-radius:12px;max-height:65vh;object-fit:contain;background:#fff;margin:10px auto}.source-preview{margin:10px 0}.source-preview img{width:100%;height:auto;border-radius:10px;background:#fff}.note{font-size:12px;color:#9db9d6}.library-item{border:1px solid #38536c;background:#152a44;border-radius:15px;padding:13px;margin:9px 0}.library-item strong{display:block}.library-item p{font-size:13px;margin:6px 0}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tag{border-radius:999px;font-size:11px;padding:4px 8px;background:#29415e;color:#c8dcf1}.tag.complemento{background:#3b3655;color:#dcd1fd}.tag.alta{background:#4c3730;color:#ffc5a6}.empty{padding:38px 20px;text-align:center;color:#b8cadf}.empty b{display:block;font-size:18px;color:#f2f7ff;margin-bottom:8px}
.modal-overlay{position:fixed;inset:0;z-index:50;background:#030914c9;display:grid;place-items:end center;padding:12px}.modal{background:#15263d;border:1px solid #446280;width:min(840px,100%);max-height:90svh;overflow:auto;border-radius:23px;padding:19px}.modal-close{float:right}.toast{position:fixed;z-index:100;bottom:105px;left:50%;transform:translateX(-50%);background:#e7f2ff;color:#102943;padding:10px 16px;border-radius:12px;max-width:90vw;font-size:13px;font-weight:700;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.big-count{font-size:45px;font-weight:830;line-height:1.1;margin:5px 0}.scorebar{display:flex;gap:3px;height:12px;border-radius:9px;overflow:hidden;background:#2e4560}.scorebar span{height:100%}.highlight{color:#8bcdff}.good-text{color:var(--mint)}.bad-text{color:var(--danger)}.scroll-top{scroll-margin-top:85px}blockquote{border-left:3px solid #70b7ff;padding-left:12px;color:#d0e0f3;margin:13px 0}.skeleton{height:14px;background:#26425d;border-radius:8px;margin:14px 0}
@media(min-width:850px){.bottom-nav{max-width:840px;left:50%;transform:translateX(-50%);border-left:1px solid #314966;border-right:1px solid #314966;border-radius:14px 14px 0 0}main{padding:29px 34px 130px}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.nav-button{min-width:52px;padding:3px 4px}.nav-button small{font-size:10px}.topbar{padding-left:12px;padding-right:12px}.grid3{gap:5px}.metric{padding:11px}.metric strong{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:3px solid #9bd2ff;outline-offset:3px}

/* END Study V2.3: aviso de actualización accesible. */
.update-banner{background:#1e4161;color:#fff;padding:12px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.update-banner[hidden]{display:none !important}