/* Estilos específicos para forget-password dentro de la tarjeta PGM */
#formContend {
    color: #ffffff;
}

#formContend .h1, 
#formContend h2 {
    color: #ffffff !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
}

#formContend p {
    color: rgba(255, 255, 255, 0.75) !important;
}

#formContend hr {
    border-color: rgba(255, 255, 255, 0.15) !important;
    margin: 1.2rem 0 !important;
}

/* Eliminar borde doble cuando el input esté envuelto en .pgm-login-input-wrap */
.pgm-login-input-wrap .pgm-login-control,
.pgm-login-input-wrap input.form-control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Estilos de inputs inyectados por AJAX que no vengan envueltos en .pgm-login-input-wrap */
#formContend form:not(#form_email_forget) input.form-control {
    background: rgba(10, 22, 40, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    height: 48px !important;
}

#formContend form:not(#form_email_forget) input.form-control:focus {
    border-color: #ff7a00 !important;
    box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.22) !important;
}

#formContend .toggle-password {
    color: rgba(255, 255, 255, 0.65) !important;
}

#formContend .toggle-password:hover {
    color: #ffffff !important;
}

/* Botones con altura exactamente igual y alineados */
.btn-auth-action {
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 0 1.2rem !important;
}

.fz-25 { font-size: 25px !important; }
.fz-20 { font-size: 20px !important; }