.elementor-kit-5759{--e-global-color-primary:#2C3459;--e-global-color-secondary:#542942;--e-global-color-text:#0F152E;--e-global-color-accent:#BF0C05;--e-global-color-378fe08:#C4C3C3;--e-global-color-270aee1:#FAFAFA;--e-global-color-c27f9f2:#FFFFFF;--e-global-color-649f758:#3A1C2D;--e-global-color-b99c64a:#E1D9D9;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Serif Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:19px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:-0.2px;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:-0.5px;background-color:var( --e-global-color-c27f9f2 );}.elementor-kit-5759 button,.elementor-kit-5759 input[type="button"],.elementor-kit-5759 input[type="submit"],.elementor-kit-5759 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Manrope", Sans-serif;font-size:22px;font-weight:600;line-height:1.2em;letter-spacing:-0.5px;color:var( --e-global-color-c27f9f2 );border-style:none;border-radius:0px 0px 0px 0px;padding:18px 25px 18px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5759{--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:-0.2px;--e-global-typography-accent-line-height:1.3em;}.elementor-kit-5759 button,.elementor-kit-5759 input[type="button"],.elementor-kit-5759 input[type="submit"],.elementor-kit-5759 .elementor-button{font-size:18px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5759{--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:-0.2px;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:-0.5px;}.elementor-kit-5759 button,.elementor-kit-5759 input[type="button"],.elementor-kit-5759 input[type="submit"],.elementor-kit-5759 .elementor-button{font-size:18px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* CLASSE GLOBALE: .btn-dynamic-icon */

/* 1. Applichiamo la struttura al pulsante che ha questa classe */
.btn-dynamic-icon .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2. Stato INIZIALE dell'icona (Scala 1) */
.btn-dynamic-icon .elementor-button-icon svg {
    transform: scale(1) rotate(0deg);
    transform-origin: center center;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-block;
    will-change: transform;
}

/* 3. Stato HOVER (Scala 1.2 + Rotazione 45°) */
.btn-dynamic-icon:hover .elementor-button-icon svg {
    transform: scale(1.2) rotate(45deg);
}

/* 4. Gestione spaziatura */
.btn-dynamic-icon .elementor-align-icon-right .elementor-button-icon {
    margin-left: 12px;
}
.btn-dynamic-icon .elementor-align-icon-left .elementor-button-icon {
    margin-right: 12px;
}



/* CLASSE GLOBALE: .btn-wh-icon */

/* 1. Garantiamo che il pulsante possa espandersi per mostrare la spaziatura */
.btn-wh-icon .elementor-button {
    width: 100%;
}

/* 2. Layout Giustificato: applichiamo flexbox al wrapper interno di Elementor */
.btn-wh-icon .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* 3. Assicuriamo l'allineamento del testo a sinistra (utile se il wrapper flex fallisce in contesti specifici) */
.btn-wh-icon .elementor-button-text {
    text-align: left;
}

/* 4. Gestione Icona: -20% di dimensione iniziale rispetto al font del testo */
.btn-wh-icon .elementor-button-icon {
    font-size: 0.8em; /* Equivalente al 20% in meno rispetto al genitore */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px; /* Spaziatura di sicurezza per evitare collisioni col testo */
}

/* 5. Stato INIZIALE dell'SVG */
.btn-wh-icon .elementor-button-icon svg {
    transform: scale(1) rotate(0deg);
    transform-origin: center center;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-block;
    will-change: transform;
}

/* 6. Stato HOVER (Scala 1.2 rispetto al suo nuovo 0.8em + Rotazione 45°) */
.btn-wh-icon:hover .elementor-button-icon svg {
    transform: scale(1.2) rotate(45deg);
}

/* 7. Reset direzioni icone Elementor (previene conflitti con le impostazioni native) */
.btn-wh-icon .elementor-align-icon-left .elementor-button-icon {
    margin-right: 0;
}


.wa__btn_popup .wa__btn_popup_icon {
    height: 48px;
    width: 48px;
}

.wa__btn_popup {
    bottom: 10px !important;
    right: 10px !important;
    z-index: 999 !important;
}


.cky-revisit-bottom-left {
    bottom: 10px !important;
    left: 10px !important;
}

/* Stili Mobile (Smartphone) */
@media (max-width: 767px) {
    .wa__btn_popup {
        bottom: 120px !important;
        right: 10px !important;
    }
    
    .wa__popup_chat_box .wa__pending .wa__active .wa__lauch {
    bottom: 150px !important;
}

.cky-revisit-bottom-left {
    bottom: 60px !important;
    left: 10px !important;
}



}


.wa__popup_chat_box {
    z-index: 998 !important;
}

.acc h4  {
    margin-block-start: 1.1rem !important;
    margin-block-end: 1rem !important;
}/* End custom CSS */