/* Hangar 66 · piezas de la app real (cuentas, examen, revisión) */
[hidden]{display:none!important}
.loading{position:fixed;inset:0;display:grid;place-items:center;z-index:40;pointer-events:none}
.loading span{font:700 13px var(--data);color:var(--green);letter-spacing:.24em}
.avatar{width:38px;height:38px;border-radius:50%;background:#15181c;border:1.5px solid #2a3037;font:700 14px var(--ui);color:var(--cyan);display:grid;place-items:center;margin-left:4px}

/* cuentas */
.authwrap{min-height:100%;display:grid;place-items:center;padding-inline:16px;padding-block:32px}
.authbox{width:100%;max-width:420px}
.brand.big{font-size:30px;letter-spacing:.22em;text-align:center}
.tag{text-align:center;margin:8px 0 22px;font:15px var(--prose);color:var(--grey)}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;background:#0c0f12;border-radius:10px;padding:4px}
.tabs2 button{min-height:44px;border-radius:8px;text-align:center;font:700 14px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.tabs2 button[aria-selected="true"]{background:#1d2227;color:var(--cyan)}
.fld{display:grid;gap:6px;margin-bottom:14px}
.fld span{font:700 var(--t-label) var(--data);color:var(--grey);letter-spacing:.08em;text-transform:uppercase}
.fld input{width:100%;min-height:50px;padding:12px 14px;border-radius:10px;border:1.5px solid #2a3037;background:#0a0d10;color:var(--white);font:16px var(--prose);caret-color:var(--cyan);outline:none;transition:border-color .15s}
.fld input:focus{border-color:var(--cyan)}
.fld input::placeholder{color:#5d6670}
.primary{display:block;width:100%;min-height:52px;margin-top:6px;border-radius:10px;background:var(--cyan);color:#021318;font:700 16px var(--ui);letter-spacing:.08em;text-transform:uppercase;text-align:center}
.primary[disabled]{opacity:.5}
.textbtn{display:block;width:100%;min-height:44px;margin-top:8px;text-align:center;font:700 var(--t-label) var(--ui);letter-spacing:.08em;color:var(--grey);text-transform:uppercase}
.ferr{margin:4px 0 8px;font:15px/1.45 var(--prose);color:var(--amber)}
.ferr.ok{color:var(--green)}
.lvl{display:inline-block;font:700 var(--t-label) var(--data);letter-spacing:.14em;color:var(--cyan);border:1.5px solid var(--cyan);padding:3px 8px;margin-bottom:12px}
.vtitle{margin:0 0 8px;font:700 24px var(--ui);color:var(--white)}
.vtext{margin:0 0 16px;font:16px/1.5 var(--prose);color:var(--grey)}
.vtext b{color:var(--white)}

/* menú de cuenta */
.acct .line2{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #1d2227;font:15px var(--prose);color:var(--grey)}
.acct .line2 b{color:var(--white);font-weight:700;overflow-wrap:anywhere;text-align:right}

/* examen real */
.exam-left{font:700 30px var(--data);color:var(--green)}
.exam-left.low{color:var(--amber)} .exam-left.crit{color:var(--red)}
.qcount{font:var(--t-label) var(--data);color:var(--grey);letter-spacing:.06em;text-transform:uppercase}
.opt.pick{border-color:var(--cyan);background:#29D7F214}
.opt.pick .k{background:var(--cyan);color:#021318}
.exnav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.ghost{min-height:48px;padding:12px 18px;border-radius:10px;border:1.5px solid #2a3037;font:700 15px var(--ui);letter-spacing:.06em;color:var(--white);text-transform:uppercase}
.fail-list{display:grid;gap:12px;margin-top:10px}
.fitem{padding:14px;border-radius:10px;background:#0b0e11;border:1px solid #1d2227}
.fitem .fq{font:700 16px/1.4 var(--prose);margin:0 0 8px}
.fitem .fa{font:15px/1.45 var(--prose);margin:0 0 4px}
.fitem .fa.r{color:var(--red)} .fitem .fa.g{color:var(--green)}
.fitem .fw{font:14px/1.5 var(--prose);color:var(--grey);margin:6px 0 4px}
.fitem .ref{font:var(--t-label) var(--data);color:var(--cyan);text-transform:uppercase}
.fail{color:var(--red)}
.pass.no{color:var(--red);border-color:var(--red)}
.empty{font:16px/1.5 var(--prose);color:var(--grey);margin:6px 0 0}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;background:#15191d;border:1px solid #2a3037;padding:10px 16px;border-radius:10px;font:14px var(--prose);color:var(--white);animation:fade .25s;max-width:calc(100% - 32px)}
.secpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px}
.secpick button{min-height:44px;border-radius:8px;border:1.5px solid #29D7F233;font:700 14px var(--data);color:var(--cyan)}
.secpick button:hover{border-color:var(--cyan)}
@media (min-width:960px){.qscreen.exam .glass{grid-template-rows:auto 1fr}}
a.modeln{text-decoration:none;color:inherit}
.doc .docbtn{padding:10px 14px;border-radius:8px;border:1.5px solid var(--cyan);font:700 var(--t-label) var(--ui);color:var(--cyan);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
/* pantalla de entrada con foto */
.authwrap.photo{position:relative;isolation:isolate}
.authwrap.photo::before{content:"";position:fixed;inset:0;z-index:-1;background:url(img/login.jpg) center 40%/cover no-repeat;opacity:.34;filter:saturate(.75) contrast(1.05)}
.authwrap.photo::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#0B0D10cc 0%,#0B0D1033 38%,#0B0D10ee 100%),radial-gradient(90% 70% at 50% 45%,transparent 30%,#000000aa 100%)}
.authwrap.photo .bezel{background:linear-gradient(180deg,#1E2227e6,#15181ce6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.authwrap.photo .glass{background:#040608d9}
.authbox{animation:rise .6s var(--ease)}
.brand.big{font-size:clamp(30px,8vw,40px);text-shadow:0 2px 18px #000}
.tag{text-shadow:0 1px 10px #000}
.feats{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feats li{padding:10px 12px;border-radius:10px;background:#06080acc;border:1px solid #ffffff14;font:13px/1.35 var(--prose);color:var(--grey);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.feats li b{display:block;font:700 13px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:2px}
.feats li:nth-child(2) b{color:var(--mag)} .feats li:nth-child(3) b{color:var(--amber)} .feats li:nth-child(4) b{color:var(--green)}
.pcredit{margin:14px 0 0;text-align:center;font:11.5px var(--prose);color:#7d8791}
@media (min-width:900px){.authwrap.photo .authbox{max-width:460px}}

.textbtn.forgot{color:var(--cyan);text-transform:none;letter-spacing:0;font:15px var(--prose);text-decoration:underline;text-underline-offset:3px}