/* Krueka · acceso escolar en identidad Light Future.
   Alcance estrictamente a login/recuperación; nunca altera pantallas autenticadas. */
#screen-login,#screen-nueva{position:relative;isolation:isolate;max-width:500px;min-height:100vh;margin:0 auto;padding:58px 19px 45px;color:#25385a}
#screen-login::before,#screen-nueva::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 10%,#d6edff 0,transparent 36%),radial-gradient(circle at 88% 82%,#ffe5d9 0,transparent 40%),#f7faff}
#screen-login .marca-link,#screen-nueva .marca-link{display:inline-block;background:#fff;border:1px solid #dce9f8;border-radius:17px;padding:6px 13px;box-shadow:0 8px 28px #456ca41a}
#screen-login .marca-link .marca,#screen-nueva .marca-link .marca{background:transparent;border:0}
#screen-login .sub,#screen-nueva .sub{color:#607491;font-size:13px}
#screen-login>.card,#screen-nueva>.card{margin-top:25px;border:1px solid #d9e8f9;background:#fff;box-shadow:0 24px 70px #607eb525;border-radius:22px;padding:26px}
#screen-login .tabs{background:#eef3fc;padding:6px;border:1px solid #e2e8f5;border-radius:13px;gap:3px}
#screen-login .tabs button{font-size:13px;color:#647593;padding:12px 6px}
#screen-login .tabs button[aria-selected="true"]{color:#fff;background:#3156d7;box-shadow:0 7px 18px #486adb39;font-weight:850}
#screen-login label,#screen-nueva label{color:#405675;font-size:12px;font-weight:850;margin-top:18px;margin-bottom:7px}
#screen-login input,#screen-login select,#screen-nueva input{background:#f8fbff;color:#27395d;border:1px solid #cddcf1;border-radius:11px;padding:12px;min-height:47px}
#screen-login input:focus-visible,#screen-login select:focus-visible,#screen-nueva input:focus-visible{outline:2px solid #3156d7;outline-offset:2px}
#screen-login input::placeholder,#screen-nueva input::placeholder{color:#8c9fb9}
#screen-login .btn:not(.sec),#screen-nueva .btn:not(.sec){background:#3156d7;color:#fff;border:1px solid #3156d7;box-shadow:0 7px 18px #486adb27;font-weight:850;border-radius:12px}
#screen-login .btn.sec,#screen-nueva .btn.sec{background:#eef3ff;border:1px solid #c9dbf9;color:#2d51bd}
#screen-login .note,#screen-nueva .note{color:#7586a0!important;font-size:12px}
#screen-login a:not(.marca-link),#screen-nueva a:not(.marca-link){color:#3054be;text-decoration:underline;text-underline-offset:4px}
#screen-login .alert.err,#screen-nueva .alert.err{background:#fff0ee;color:#a73e49}
#screen-login .linkfila{margin-top:14px}
#screen-login .captcha{min-height:53px}
#screen-nueva h2{color:#1a345c}
@media(max-width:550px){#screen-login,#screen-nueva{padding:35px 14px 38px}#screen-login>.card,#screen-nueva>.card{padding:19px;margin-top:20px}}