.elementor-4322 .elementor-element.elementor-element-2d69f4b2{--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-4322 .elementor-element.elementor-element-723156cf .e-contact-buttons{--e-contact-buttons-contact-button-icon:#1D1D1F;--e-contact-buttons-contact-button-bg:var( --e-global-color-transparent );--e-contact-buttons-contact-gap:6px;--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-vertical-offset:38px;}.elementor-4322 .elementor-element.elementor-element-723156cf .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-4322 .elementor-element.elementor-element-723156cf .e-contact-buttons__contact-box-shadow{box-shadow:0px 8px 24px -6px rgba(0, 0, 0, 0.22);}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-723156cf *//* =====================================================
   FLOATING CONTACT BUTTONS — HEADER GLASS EFFECT
   Solo cambia la apariencia, no la posición
   ===================================================== */

/* El contenedor general permanece transparente */
.elementor-4322 .elementor-element.elementor-element-723156cf,
.elementor-4322 .elementor-element.elementor-element-723156cf .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
}

/* Cada botón flotante */
.elementor-4322 .elementor-element.elementor-element-723156cf a,
.elementor-4322 .elementor-element.elementor-element-723156cf button,
.elementor-4322 .elementor-element.elementor-element-723156cf [role="button"] {
    background:
        linear-gradient(
            135deg,
            rgba(150, 177, 190, 0.30),
            rgba(100, 132, 148, 0.18)
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    border-radius: 999px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.50),
        inset 0 -1px 0 rgba(255, 255, 255, 0.08),
        0 8px 22px rgba(0, 0, 0, 0.13) !important;

    backdrop-filter: blur(24px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%) !important;

    color: #111413 !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* Iconos y texto */
.elementor-4322 .elementor-element.elementor-element-723156cf a i,
.elementor-4322 .elementor-element.elementor-element-723156cf a svg,
.elementor-4322 .elementor-element.elementor-element-723156cf a path,
.elementor-4322 .elementor-element.elementor-element-723156cf button i,
.elementor-4322 .elementor-element.elementor-element-723156cf button svg,
.elementor-4322 .elementor-element.elementor-element-723156cf button path,
.elementor-4322 .elementor-element.elementor-element-723156cf span {
    color: #111413 !important;
    fill: currentColor !important;
}

/* Refuerzo para los elementos circulares internos */
.elementor-4322 .elementor-element.elementor-element-723156cf [class*="button"],
.elementor-4322 .elementor-element.elementor-element-723156cf [class*="contact"],
.elementor-4322 .elementor-element.elementor-element-723156cf [class*="icon"] {
    border-color: rgba(255, 255, 255, 0.28) !important;
}

/* Hover tipo glass */
.elementor-4322 .elementor-element.elementor-element-723156cf a:hover,
.elementor-4322 .elementor-element.elementor-element-723156cf button:hover,
.elementor-4322 .elementor-element.elementor-element-723156cf [role="button"]:hover {
    background:
        linear-gradient(
            135deg,
            rgba(180, 202, 212, 0.42),
            rgba(120, 151, 166, 0.26)
        ) !important;

    border-color: rgba(255, 255, 255, 0.48) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.68),
        inset 0 -1px 0 rgba(255, 255, 255, 0.10),
        0 12px 28px rgba(0, 0, 0, 0.17) !important;

    transform: translateX(-1px);
}/* End custom CSS */