.elementor-1696 .elementor-element.elementor-element-31ce090{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-0151b98 *//* =========================================
   STILE MODULI ULTIMATE MEMBER
   ========================================= */

/* 1. Stile dei campi di testo (Input) */
.um .um-form input[type="text"], 
.um .um-form input[type="password"], 
.um .um-form input[type="email"],
.um .um-form input[type="number"] {
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important; /* Bordi morbidamente arrotondati */
    padding: 16px 20px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    background-color: #f8fafc !important; /* Grigio chiarissimo elegante */
    color: #2d3748 !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* 2. Effetto quando clicchi dentro il campo (Focus) */
.um .um-form input:focus {
    border-color: #61ce70 !important; /* Si colora del verde brand */
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(97, 206, 112, 0.15) !important; /* Alone luminoso verde */
    outline: none !important;
}

/* 3. Stile delle etichette sopra i campi (Label) */
.um .um-form .um-field-label label {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

/* 4. Nascondere le icone standard grigie (opzionale ma consigliato per pulizia) */
.um .um-field-icon {
    display: none !important;
}
.um .um-field-area {
    padding-left: 0 !important; /* Riporta il testo a filo se togliamo le icone */
}

/* 5. Stile del Bottone di Invio (Effetto Glow & Lift) */
.um .um-button {
    background-color: #61ce70 !important;
    border-radius: 50px !important; /* Effetto pillola */
    padding: 16px 32px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(97, 206, 112, 0.2) !important;
    border: none !important;
    width: 100% !important; /* Bottone largo quanto il modulo */
    margin-top: 15px !important;
}

/* 6. Animazione del Bottone al passaggio del mouse */
.um .um-button:hover {
    transform: translateY(-4px) !important;
    background-color: #4eb55c !important;
    box-shadow: 0 12px 25px rgba(97, 206, 112, 0.45) !important; 
}/* End custom CSS */