.elementor-321 .elementor-element.elementor-element-19bc6d0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-409971e *//* --- ESTILO UNIVERSAL PARA FORMULARIOS (LOGIN Y REGISTRO) --- */

/* Contenedor del formulario */
.um.um-login, .um.um-register, .um.um-password {
    max-width: 450px !important;
    margin: 40px auto !important;
    background: #17003b !important; /* Tu morado oscuro */
    padding: 30px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
}

/* Títulos y Labels */
.um .um-field-label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Campos de texto (Inputs) */
.um input[type=text], 
.um input[type=password], 
.um input[type=email] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    height: 45px !important;
    border-radius: 4px !important;
}

.um input:focus {
    border-color: #ffcc00 !important; /* Brillo amarillo al escribir */
    background: rgba(255, 255, 255, 0.12) !important;
}

/* Botón de Enviar (Login / Registro) */
.um .um-button, .um input[type=submit].um-button {
    background: #DF1919 !important; /* Tu Rojo */
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 12px 0 !important;
    transition: 0.3s all ease !important;
}

.um .um-button:hover {
    background: #ffffff !important;
    color: #DF1919 !important;
    transform: translateY(-2px);
}

/* Enlaces secundarios (Olvidé clave, etc) */
.um .um-link-alt, .um .um-link {
    color: #ffcc00 !important;
    font-size: 13px !important;
    transition: 0.3s;
}

.um .um-link-alt:hover {
    color: #ffffff !important;
}

/* Checkbox (Recuérdame) */
.um .um-field-checkbox-option {
    color: #ccc !important;
}

/* Iconos de los campos */
.um .um-field-icon i {
    color: #ffcc00 !important;
}/* End custom CSS */