.elementor-119 .elementor-element.elementor-element-2573d024{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-65321adc *//* Fondo degradado azul oscuro en toda la página (igual que registro) */
body.page-slug-password-reset, 
body.page-slug-restablecer-contrasena, 
body.page-slug-forgot-password, 
body[class*="password"], 
html body {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f1a2e 50%, #1a1a2e 100%) !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
}

/* Limpiar fondos no deseados */
.site-content, .elementor, .page-content, .elementor-section-wrap {
    background: transparent !important;
}

/* Contenedor del formulario de reset – mismo estilo ancho/compacto/profesional */
.um-password-reset,
.um-reset-password,
.um-form.um-password-reset,
.um-password {
    max-width: 420px !important;
    width: 90% !important;
    margin: 50px auto 30px auto !important;
    padding: 28px 32px !important;
    background: #0f1117 !important;
    border-radius: 16px !important;
    border: 1px solid #1e2530 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}

/* Título "Nox Broker" arriba (igual que registro) */
.um-password-reset::before,
.um-reset-password::before,
.um-password::before,
.um-form.um-password-reset::before {
    content: "Nox Broker" !important;
    display: block !important;
    text-align: center !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: 1px !important;
}

/* Campo de email – compacto y ancho */
.um-password-reset .um-field input[type="text"],
.um-password-reset .um-field input[type="email"],
.um-reset-password .um-field input[type="text"],
.um-reset-password .um-field input[type="email"],
.um-password .um-field input[type="text"],
.um-password .um-field input[type="email"] {
    background: #1c1f27 !important;
    border: 1px solid #2a3343 !important;
    color: #e0e0e0 !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    height: 42px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.um-password-reset .um-field input::placeholder,
.um-reset-password .um-field input::placeholder {
    color: #7a869a !important;
}

/* Etiqueta del campo (Email o Username) */
.um-password-reset .um-field-label,
.um-reset-password .um-field-label {
    color: #c0c7d2 !important;
    font-size: 13.5px !important;
    margin: 0 0 6px 0 !important;
    font-weight: 500 !important;
}

/* Espacio entre elementos */
.um-password-reset .um-field,
.um-reset-password .um-field {
    margin-bottom: 14px !important;
}

/* Botón "Restablecer contraseña" / "Reset Password" – verde degradado, texto blanco */
.um-password-reset .um-button,
.um-password-reset input[type="submit"],
.um-reset-password .um-button,
.um-reset-password input[type="submit"],
.um-password .um-button,
.um-password input[type="submit"] {
    background: linear-gradient(90deg, #00c853, #00e676) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    width: 100% !important;
    height: 44px !important;
    margin: 12px 0 8px 0 !important;
    box-shadow: 0 4px 12px rgba(0,200,83,0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.um-password-reset .um-button:hover,
.um-reset-password .um-button:hover {
    background: linear-gradient(90deg, #00e676, #00ff9d) !important;
    box-shadow: 0 6px 18px rgba(0,200,83,0.4) !important;
}

/* Enlace "Volver al login" o cualquier link – blanco fijo */
.um-password-reset a,
.um-reset-password a,
.um-password a,
.um-password-reset .um-col-alt a,
.um-reset-password .um-col-alt a {
    color: #ffffff !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    display: block !important;
    text-align: center !important;
    margin: 8px 0 0 0 !important;
    font-weight: 500 !important;
}

.um-password-reset a:hover,
.um-reset-password a:hover {
    text-decoration: underline !important;
}

/* Mensajes de éxito/error (mantener legibles) */
.um-password-reset .um-message,
.um-reset-password .um-message {
    color: #ffffff !important;
    background: rgba(0, 200, 83, 0.15) !important;
    border-color: #00c853 !important;
}

/* Responsivo */
@media (max-width: 767px) {
    .um-password-reset,
    .um-reset-password {
        max-width: 92% !important;
        padding: 24px 20px !important;
        margin: 40px auto 20px auto !important;
    }
    .um-password-reset::before {
        font-size: 1.8rem !important;
    }
}/* End custom CSS */