.elementor-1287 .elementor-element.elementor-element-be7ae39{--display:flex;}.elementor-1287 .elementor-element.elementor-element-9493410{--spacer-size:20vh;}.elementor-1287 .elementor-element.elementor-element-327236c{--display:flex;}.elementor-1287 .elementor-element.elementor-element-cfe7845{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-cfe7845 */.form-eventi {
    width: 75%; /* Larghezza del contenitore */
    margin: 0 auto; /* Centrare il form */
    padding: 20px; /* Spaziatura interna per uniformità */
    background-color: #273036; /* Sfondo scuro in linea con gli altri codici */
    border-radius: 12px; /* Contenitore con angoli arrotondati */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Effetto ombra */
    overflow: hidden; /* Previene overflow durante l'hover */
}

.form-eventi input, 
.form-eventi textarea, 
.form-eventi button, 
.form-eventi select, 
.form-eventi input[type="file"] {
    width: 100%; /* Adatta gli elementi alla larghezza del form */
    border: 2px solid transparent; /* Bordo inizialmente trasparente */
    border-radius: 10px; /* Angoli arrotondati */
    padding: 12px 15px; /* Spaziatura interna */
    color: #273036; /* Colore del testo in tema */
    font-size: 16px; /* Dimensione del testo */
    margin-bottom: 15px; /* Spaziatura tra gli elementi */
    background-color: #ffffff; /* Sfondo bianco */
    transition: transform 0.2s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Animazioni fluide */
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); /* Effetto leggero sul bordo */
}

.form-eventi input:hover, 
.form-eventi textarea:hover, 
.form-eventi button:hover, 
.form-eventi select:hover, 
.form-eventi input[type="file"]:hover {
    transform: scale(1.02); /* Leggero effetto di ingrandimento */
    background-color: #FF0051; /* Sfondo rosa al passaggio */
    color: #ffffff; /* Testo bianco per contrasto */
    box-shadow: 0 4px 10px rgba(255, 0, 81, 0.6); /* Ombra accentuata */
}

.form-eventi input:focus, 
.form-eventi textarea:focus, 
.form-eventi button:focus, 
.form-eventi select:focus, 
.form-eventi input[type="file"]:focus {
    outline: none; /* Rimuove il bordo standard */
    border: 2px solid #FF0051; /* Bordo evidenziato in tema */
    box-shadow: 0 0 6px rgba(255, 0, 81, 0.5); /* Aggiunge un'ombra luminosa */
}

.form-eventi label, 
.form-eventi p {
    color: #FF0051; /* Colore rosa per le etichette */
    font-size: 14px; /* Testo leggibile */
    margin-bottom: 5px; /* Spaziatura sotto il testo */
    transition: color 0.3s ease; /* Animazione sul colore */
}

.form-eventi label:hover, 
.form-eventi p:hover {
    color: #b8003d; /* Colore più scuro durante l'hover */
}

.form-eventi input[type="file"] {
    cursor: pointer; /* Cambia il cursore per indicare cliccabilità */
}

.form-eventi input[type="file"]::file-.elementor-1287 .elementor-element.elementor-element-cfe7845-button {
    background-color: #FF0051; /* Sfondo del bottone per file */
    color: #ffffff; /* Colore del testo del bottone */
    border: none;
    padding: 8px 12px;
    border-radius: 8px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.form-eventi input[type="file"]::file-.elementor-1287 .elementor-element.elementor-element-cfe7845-button:hover {
    transform: scale(1.1); /* Ingrandimento al passaggio */
    background-color: #b8003d; /* Colore più scuro per hover */
}/* End custom CSS */