/*ESTILOS PARA LOS OVERRIDES DE COM_USERS (Formularios de inicio de sesión, cambio de contraseña, recuperar cuenta).*/

/* FORMULARIO DE INICIO DE SESION */
/* Asegurar que el formulario de inicio de sesión esté centrado en la página */
.login-page-wrapper {
    display: flex;
    align-items: center; /* Centrado vertical */
    justify-content: center; /* Centrado horizontal */
    min-height: 80vh; /* Altura mínima para asegurar el centrado vertical, ajusta si es necesario */
    padding: 20px; /* Espaciado opcional */
}

/* Opcional: Ocultar etiquetas de Joomla si no se usan explícitamente */
#com-users-login__form label.form-label[for="username"],
#com-users-login__form label.form-label[for="password"] {
    display: none; /* O usar 'visually-hidden' de Bootstrap si está disponible */
}
/* Asegurar que los mensajes de error de validación sean visibles */
 .invalid {
    display: block;
    /*margin-top: .25rem;*/
    /*font-size: .875em;*/ /* Tamaño de fuente de Bootstrap */
    color: #dc3545; /* Color de error de Bootstrap */
}

/* Estilo para controlar el tamaño del SVG en botones extra */
.extra-button-svg svg {
    width: 1em; /* Ajusta el tamaño según sea necesario */
    height: 1em; /* Ajusta el tamaño según sea necesario */
    vertical-align: middle; /* Alinea el icono con el texto */
    margin-right: 0.25em; /* Espacio opcional entre icono y texto */
}

/* Estilo para hacer el campo de password igual de largo que el de usuario */
#com-users-login__form .password-group {
    display: contents;
}


/** FORMULARIO DE CAMBIO DE CONTRASEÑA Y RECUPERAR NOMBRE USUARIO */
/* Opcional: Ocultar etiquetas de Joomla si no se usan explícitamente */
#user-registration label.form-label[for="email"] {
    display: none; /* O usar 'visually-hidden' de Bootstrap */
}
/* Asegurar que los mensajes de error de validación sean visibles */
/*#user-registration .invalid-feedback {
   display: block;
   margin-top: .25rem;
   font-size: .875em;
   color: #dc3545;
}*/

/* FORMULARIO DE CONFIRMACION DE CAMBIO DE CONTRASEÑA */
/* Opcional: Ocultar etiquetas de Joomla si no se usan explícitamente */
#com-users-reset-confirm__form label.form-label {
     display: none; /* O usar 'visually-hidden' de Bootstrap */
}
 /* Asegurar que los mensajes de error de validación sean visibles */
/*#com-users-reset-confirm__form .invalid-feedback {
    display: block;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}*/

/* VENTANA DE CONFIRMACION DE QUE SE HA CAMBIADO LA CONTRASEÑA */
/* Opcional: Ocultar etiquetas de Joomla si no se usan explícitamente */
#com-users-reset-complete__form label.form-label {
     display: none; /* O usar 'visually-hidden' de Bootstrap */
}
 /* Asegurar que los mensajes de error de validación sean visibles */
/*#com-users-reset-complete__form .invalid-feedback {
    display: block;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}*/
/* FIN DE ESTILOS PARA LOS OVERRIDES DE COM_USERS (Formularios de inicio de sesión, cambio de contraseña, recuperar cuenta). */