.elementor-444 .elementor-element.elementor-element-629676f{--display:flex;--min-height:29px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-444 .elementor-element.elementor-element-629676f:not(.elementor-motion-effects-element-type-background), .elementor-444 .elementor-element.elementor-element-629676f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1E2C;}.elementor-444 .elementor-element.elementor-element-10dd420{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-444 .elementor-element.elementor-element-10dd420:not(.elementor-motion-effects-element-type-background), .elementor-444 .elementor-element.elementor-element-10dd420 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-444 .elementor-element.elementor-element-1dfcd65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-444 .elementor-element.elementor-element-5cc1b4a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:54px;font-weight:600;}.elementor-444 .elementor-element.elementor-element-cda41b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-444 .elementor-element.elementor-element-4089278{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.4;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-444 .elementor-element.elementor-element-4089278::before, .elementor-444 .elementor-element.elementor-element-4089278 > .elementor-background-video-container::before, .elementor-444 .elementor-element.elementor-element-4089278 > .e-con-inner > .elementor-background-video-container::before, .elementor-444 .elementor-element.elementor-element-4089278 > .elementor-background-slideshow::before, .elementor-444 .elementor-element.elementor-element-4089278 > .e-con-inner > .elementor-background-slideshow::before, .elementor-444 .elementor-element.elementor-element-4089278 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-444 .elementor-element.elementor-element-7a98754 > .elementor-widget-container{margin:44px 44px 44px 44px;}@media(min-width:768px){.elementor-444 .elementor-element.elementor-element-1dfcd65{--width:50%;}.elementor-444 .elementor-element.elementor-element-cda41b1{--width:50%;}}@media(max-width:1024px){.elementor-444 .elementor-element.elementor-element-10dd420{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:767px){.elementor-444 .elementor-element.elementor-element-629676f{--min-height:121px;}.elementor-444 .elementor-element.elementor-element-10dd420{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-444 .elementor-element.elementor-element-4089278{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}/* Start custom CSS for shortcode, class: .elementor-element-7a98754 *//* --- Colore Sfondo per Campi Form --- */

.wpcf7 .wpcf7-form-control {
    background-color: #f2f2f2; /* Questo è il grigio chiaro. Puoi cambiarlo se vuoi. */
    border: 1px solid #ddd;      /* Aggiungiamo un bordo coordinato */
    border-radius: 4px;          /* Opzionale: rende gli angoli leggermente arrotondati */
}

/* Stile migliorato per quando l'utente clicca su un campo (focus) */
.wpcf7 .wpcf7-form-control:focus {
    outline: none; /* Rimuove il contorno di default del browser */
    border-color: #007cba; /* Evidenzia il bordo con un colore più vivo */
}

/* --- Stili per Form a Due Colonne (Contact Form 7) --- */

/* Contenitore principale per le righe */
.form-row {
    display: flex;
    flex-wrap: wrap; /* Permette di andare a capo su schermi piccoli */
    gap: 20px; /* Spazio tra le colonne */
    margin-bottom: 15px; /* Spazio verticale tra le righe */
}

/* Stile per ogni colonna */
.form-col {
    flex: 1; /* Fa in modo che ogni colonna occupi lo stesso spazio */
    min-width: 250px; /* Larghezza minima per evitare che le colonne diventino troppo strette */
}

/* Stile per i campi a larghezza piena (es. messaggio) */
.form-full-width {
    width: 100%;
}

/* Responsive: su schermi piccoli (mobile) le colonne vanno una sotto l'altra */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column; /* Impila le colonne verticalmente */
        gap: 0; /* Rimuove lo spazio laterale */
    }
    .form-col {
      margin-bottom: 15px; /* Aggiunge spazio sotto ogni campo su mobile */
    }
}

/* Migliora l'aspetto dei campi di input */
.wpcf7-form-control {
    box-sizing: border-box;
    width: 100%;
}

/* --- Aumenta Dimensione Caratteri Form --- */

/* Per le etichette dei campi (Nome, Cognome, Email, etc.) */
.wpcf7 label {
    font-size: 18px; /* Modifica questo valore a tuo piacimento */
}

/* Per il testo digitato all'interno dei campi */
.wpcf7 .wpcf7-form-control {
    font-size: 16px; /* Modifica questo valore a tuo piacimento */
}

/* Per il testo del consenso GDPR */
.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 15px; /* Puoi renderlo più grande se necessario */
}

/* Per il testo sul pulsante "Invia" */
.wpcf7-submit {
    font-size: 18px; /* Modifica questo valore a tuo piacimento */
    font-weight: bold; /* Rende il testo del pulsante in grassetto */
}

/* --- Stile Pulsante Invio Dinamico --- */

/* 1. Stile di default del pulsante (quando è INATTIVO) */
.wpcf7-submit {
    background-color: #cccccc !important; /* Grigio chiaro, !important per sovrascrivere altri stili */
    color: #666666 !important;
    opacity: 0.6; /* Leggera trasparenza per dare l'idea di inattività */
    cursor: not-allowed; /* Cursore che indica che non è cliccabile */
    transition: all 0.3s ease-in-out; /* Transizione fluida per il cambio di colore */
}

/* 2. Stile del pulsante quando diventa ATTIVO (classe .is-active) */
.wpcf7-submit.is-active {
    background-color: #007cba !important; /* Colore blu (o il colore che preferisci) */
    color: #ffffff !important;
    opacity: 1; /* Opacità piena */
    cursor: pointer; /* Cursore standard */
}

/* 3. (Opzionale) Stile quando passi il mouse sul pulsante ATTIVO */
.wpcf7-submit.is-active:hover {
    background-color: #005a87 !important; /* Un blu più scuro */
}

/* --- Stile per il Popup di Conferma CF7 --- */

/* 1. Nasconde il messaggio di default di Contact Form 7 */
.wpcf7-form .wpcf7-response-output {
    display: none !important;
}

/* 2. Stile per l'overlay (lo sfondo semi-trasparente) */
.cf7-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 3. Stile del box del popup vero e proprio */
.cf7-popup-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background-color: #28a745; /* Sfondo verde successo */
    color: #ffffff; /* Testo bianco */
    padding: 40px 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 99999;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

/* 4. Stile del pulsante di chiusura (la 'X') */
.cf7-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
}
.cf7-popup-close:hover {
    color: #dddddd;
}


/* 5. Stili per mostrare il popup quando ha la classe 'is-visible' */
.cf7-popup-overlay.is-visible,
.cf7-popup-content.is-visible {
    opacity: 1;
    visibility: visible;
}
.cf7-popup-content.is-visible {
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */