@media (min-width: 968px) {
    #contenedor_password .fa-eye, #contenedor_password .fa-eye-slash {
        right: 6px;
        top: 15px;
    }
    .card input, .card textarea {
       width: 300px;
    }
}

@media (max-width: 967px) {
    input {
        max-width: calc(100% - 40px);
    }
    #boton_login {
        width: 190px;
    }
    #contenedor_password .fa-eye, #contenedor_password .fa-eye-slash {
        right: 7px;
        top: 7px;
    }
}

#sub-header {
    display: none;
}

h2 {
    margin-bottom: 10px;
}

#contenido {
    display: flex;
    justify-content: center;
    margin-top: 40vh;
}
#contenedor {
    display: flex;
    flex-direction: column;
}

.menu_icon {
    display: none;
}

#contenedor .fa-solid, #contenedor .fa-regular {
    padding: 0 5px 0 0px;
}

#darkButton.fa-solid {
    padding: 0;
    margin-top: 5px;
}

#contenedor_password {
    position: relative;
}

#contenedor_password .fa-eye, #contenedor_password .fa-eye-slash {
    position: absolute;
}

input.button {
    height: inherit;
    margin-bottom: 0px;
}

#app_name_version {
    font-size: 2rem;
    color: light-dark(#aaa, #666);
    font-weight: bold;
    align-self: center;
}

#errorMessage {
    align-self: center;
}