.elementor-816 .elementor-element.elementor-element-3fdbf654{--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-816 .elementor-element.elementor-element-ae5665d .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:#EC6B22;--e-contact-buttons-contact-gap:19px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;--e-contact-buttons-horizontal-offset:42px;--e-contact-buttons-vertical-offset:52px;}.elementor-816 .elementor-element.elementor-element-ae5665d .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-ae5665d *//* =====================================
   BOTONS FLOTANTS XAMEC
   ===================================== */

/* 1. Amaga la icona original de l'Email */
.elementor-816 .elementor-element.elementor-element-ae5665d a[aria-label="Email"] .e-contact-buttons__contact-icon-container i,
.elementor-816 .elementor-element.elementor-element-ae5665d a[aria-label="Email"] .e-contact-buttons__contact-icon-container svg {
    display: none !important;
}

/* 2. Imatge de XAMEC */
.elementor-816 .elementor-element.elementor-element-ae5665d a[aria-label="Email"] .e-contact-buttons__contact-icon-container {
    background-image: url('https://xamec.cat/wp-content/uploads/2026/09/favicon-blanc.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* 3. Botó verd I Congrés */
.elementor-816 .elementor-element.elementor-element-ae5665d a.e-contact-buttons__contact-icon-link[href*="congres.xamec.cat"] {
    background-color: #40692D !important;
}

/* 4. Text sempre visible */
.elementor-816 .elementor-element.elementor-element-ae5665d .e-contact-buttons__contact-label {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 5. Posició normal: parcialment amagats */
.elementor-816 .elementor-element.elementor-element-ae5665d .e-contact-buttons__contact-icon-link {
    box-sizing: border-box !important;
    padding-right: 25px !important;
    margin-right: 0 !important;
    transform: translateX(65px) !important;
    transition: transform 0.3s ease !important;
}

/* 6. Desplegament sense separar-se del marge dret */
.elementor-816 .elementor-element.elementor-element-ae5665d .e-contact-buttons__contact-icon-link:hover {
    transform: translateX(43px) !important;
}/* End custom CSS */