/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* --- Estilos FINALES v3 para el Formulario de ULTIMATE MEMBER --- */

/* ---- ESTILO DEL CONTENEDOR (POPUP REDONDEADO) ---- */
.ult-box {
    max-width: 450px !important; /* Ancho máximo del formulario */
    margin: 40px auto !important; /* Centra el formulario en la página */
    border-radius: 12px !important; /* ¡Aquí están los bordes redondeados! */
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1) !important; /* Sombra para efecto flotante */
    border: 1px solid #e0e0e0 !important; /* Un borde sutil */
    padding: 30px !important; /* Espacio interno para que no se vea apretado */
    background: #ffffff !important;
}


/* ---- BOTÓN "INICIAR SESIÓN" ---- */
#ult-login-form #ult-login-submit {
    background: #E2001A !important;
    border-color: #E2001A !important;
    color: #ffffff !important;
    border-radius: 9999px !important; /* ¡Cambiado para el efecto "píldora"! */
    font-weight: bold !important;
    text-transform: uppercase !important;
    width: 100% !important;
    transition: background 0.3s ease !important;
}

#ult-login-form #ult-login-submit:hover {
    background: #c40017 !important;
    border-color: #c40017 !important;
}




/* ---- ENLACE "CREAR/RESTABLECER CONTRASEÑA" ---- */
/* Estilo base del enlace completo */
.ult-form-footer__forgot-password a {
    color: #000000 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Color de "Crear Contraseña" en estado normal */
.ult-form-footer__forgot-password a strong {
    font-weight: 900 !important;
    color: #E2001A !important;
    transition: color 0.2s ease;
}

/* Efecto hover: Todo el texto se oscurece al pasar el mouse */
.ult-form-footer__forgot-password a:hover {
    color: #555555 !important;
}

/* Efecto hover: El texto rojo también se oscurece */
.ult-form-footer__forgot-password a:hover strong {
    color: #c40017 !important;
}

/* ---- ESTILO PARA EL BOTÓN "INICIAR SESIÓN" DE LA PÁGINA PRINCIPAL ---- */

/* Apuntamos al enlace con la clase .ult-login-modal-open que está dentro de .wpb_wrapper */
.wpb_wrapper .ult-login-modal-open {
    display: inline-block; /* Permite que el enlace se comporte como un bloque para darle forma */
    background: #E2001A !important; /* Color rojo de fondo */
    color: #ffffff !important; /* Color del texto blanco */
    border-radius: 9999px !important; /* Bordes súper redondeados para efecto "píldora" */
    padding: 12px 28px !important; /* Espacio interno para que parezca un botón */
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important; /* Quita el subrayado del enlace */
    transition: background 0.3s ease !important;
}

/* Efecto al pasar el mouse por encima */
.wpb_wrapper .ult-login-modal-open:hover {
    background: #c40017 !important; /* Rojo más oscuro */
    color: #ffffff !important;
}