/* Login tomado del frontend productivo de NEXO. Solo cambia la identificación del producto. */
.login-page{background:#17324d;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}
.login-brand{color:#fff;background:linear-gradient(135deg,#17324d,#125c8f);flex-direction:column;justify-content:center;padding:9vh 10vw;display:flex;position:relative;overflow:hidden}
.login-brand:after{content:"";border:1px solid #ffffff19;border-radius:50%;width:580px;height:580px;position:absolute;bottom:-280px;right:-260px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06}
.login-logo{border:1px solid #fff5;border-radius:8px;place-items:center;width:50px;height:50px;margin-bottom:35px;display:grid}
.login-brand>p:first-of-type,.eyebrow{letter-spacing:2px;color:#8fc6e8;font-size:10px;font-weight:700}
.login-brand h1{letter-spacing:-1.5px;margin:10px 0 18px;font-size:43px;line-height:1.12}
.login-brand h1 span{color:#86c7ed}
.login-copy{color:#c5d9e7;max-width:470px;font-size:14px;line-height:1.7}
.login-points{flex-wrap:wrap;gap:23px;margin-top:34px;display:flex}
.login-points span{color:#d6e5ef;align-items:center;gap:7px;font-size:10px;display:flex}
.login-points svg{width:16px}
.login-card{background:#f7f9fb;place-items:center;padding:30px;display:grid;width:auto;margin:0;border:0;border-radius:0;box-shadow:none}
.login-card>form{background:#fff;border:1px solid #dae3ea;width:min(390px,100%);padding:38px;box-shadow:0 12px 45px #0b21352b}
.login-card h2{color:#173b59;margin:4px 0;font-size:27px}
.login-card>form>p:not(.eyebrow):not(.form-error){color:#758590;margin-bottom:25px;font-size:11px}
.login-card label{color:#4d6475;flex-direction:column;gap:6px;margin:13px 0;font-size:10px;font-weight:700;display:flex}
.login-card input{border:1px solid #ced9e1;border-radius:3px;width:100%;height:40px;padding:0 11px;font-size:11px;background:#fff}
.password-wrap{position:relative;display:block}
.password-wrap input{padding-right:42px}
.login-card .password-wrap button{position:absolute;right:0;top:0;width:40px;height:40px;margin:0;color:#667b89;background:transparent;border:0}
.forgot{display:block;text-align:right;color:#1261a0;text-decoration:none;font-size:9px;font-weight:700;margin-top:-4px}
.login-card>form>#login-button{color:#fff;background:#1261a0;border:0;border-radius:3px;width:100%;height:42px;margin-top:10px;font-size:11px;font-weight:700}
.login-card>form>#login-button:hover{background:#0e5288}
.login-card>form>#login-button:disabled{opacity:.65;cursor:wait}
.login-card small{text-align:center;color:#8a98a2;margin-top:17px;font-size:8px;display:block}
.form-error{min-height:16px;color:#b42318;margin:7px 0 0;font-size:9px}
.login-page[hidden]{display:none!important}
@media (width<=900px){
  .login-page{background:#f7f9fb;grid-template-columns:1fr}
  .login-brand{min-height:300px;padding:35px 25px 28px}
  .login-logo{margin-bottom:18px}
  .login-brand h1{font-size:31px}
  .login-copy{margin-bottom:0}
  .login-points{margin-top:15px}
  .login-card{padding:20px}
  .login-card>form{padding:27px}
}