/* Login y páginas de cuenta. */

.login-container {
    max-width: 350px;
    padding: 0 15px 15px;

}

.login-card {
    max-width: 400px;
    background-color: #fff;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.login-logo {
    width: 285px;
    max-width: 100%;
}

.login-logo-sm {
    width: 200px;
    max-width: 100%;
}

.login-background {
    background-image: url("/images/login.PNG");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position-x: center;
    background-color: var(--brand-600);
}

/* Login no carga _HeadPartial pero sí _EstilosApp, así que le llega el
   html, body { overflow: hidden } de base.css: aquí el scroll lo hace el body */
body.login-background {
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

/* A pantalla completa (antes en un <style> de Login.cshtml, sin acotar: aquí va
   bajo .login-background para no tocar .container/.row del resto de la app) */
.login-background .container,
.login-background .row {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#togglePassword i {
    font-size: 1.25rem;
    color: #888;
}

#togglePassword i:hover {
    color: #000;
}