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

.auth-body{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(160deg, var(--gris) 0%, #EAF0FB 100%);

    padding:20px;

}

.auth-card{

    background:white;

    width:100%;

    max-width:380px;

    border-radius:16px;

    padding:36px 32px;

    box-shadow:0 12px 40px rgba(15,23,42,.12);

    border:1px solid var(--borde);

}

.auth-logo{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:28px;

}

.auth-logo .logo-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    background:var(--azul);

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.auth-logo h1{

    font-size:18px;

    color:var(--azul);

    line-height:1.2;

}

.auth-logo span{

    color:var(--subtexto);

    font-size:12px;

}

.auth-form .form-group{

    margin-bottom:18px;

}

.auth-form label{

    display:block;

    font-size:12.5px;

    font-weight:700;

    color:var(--subtexto);

    text-transform:uppercase;

    letter-spacing:.04em;

    margin-bottom:6px;

}

.auth-form input{

    width:100%;

    border:1px solid var(--borde);

    border-radius:10px;

    padding:12px 14px;

    font-size:14.5px;

    font-family:inherit;

}

.auth-form input:focus{

    outline:none;

    border-color:var(--azul);

    box-shadow:0 0 0 3px rgba(37,99,235,.12);

}

.auth-btn{

    width:100%;

    padding:13px;

    border-radius:10px;

    background:var(--azul);

    color:white;

    font-weight:700;

    font-size:14.5px;

    margin-top:6px;

}

.auth-btn:hover{

    background:var(--azul-hover);

}

.auth-card .alert{

    margin-bottom:18px;

}