/* =====================================
   LOGIN
===================================== */

#login-screen{
    position:fixed;
    inset:0;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:32px;
}

.login-card{

    width:420px;

    max-width:420px;

    padding:42px;

    display:flex;

    flex-direction:column;

    position:relative;

    z-index:2;

}

.login-logo{

    display:block;

    height:42px;

    width:auto;

    margin:0 auto 18px;

    filter:
        brightness(0)
        invert(1);

}

.login-sub{

    margin-bottom:30px;

    text-align:center;

    font-size:11px;

    font-weight:800;

    color:rgba(255,255,255,.75);

    letter-spacing:.08em;

    text-transform:uppercase;

}

.login-card label{

    display:block;

    margin-bottom:6px;

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.06em;

    color:rgba(255,255,255,.8);

}

.login-card input{

    width:100%;

    margin-bottom:16px;

    background:rgba(255,255,255,.95);

}

.login-card .mbtn{

    width:100%;

    margin-top:6px;

}

.login-error{

    display:none;

    margin-top:14px;

    font-size:12px;

    font-weight:700;

    color:var(--rojo);

    text-align:center;

}

.login-footer{

    margin-top:24px;

    text-align:center;

    font-size:11px;

    color:rgba(255,255,255,.65);

}

.link-chico{

    margin-top:14px;

    text-align:center;

    font-size:12px;

    font-weight:700;

    color:#fff;

    cursor:pointer;

}

.link-chico:hover{

    color:var(--blue-light);

}