.elementor-8194 .elementor-element.elementor-element-2c074186{--display:flex;}.elementor-8194 .elementor-element.elementor-element-66dfa9df .e-contact-buttons{--e-contact-buttons-button-icon:#F5F5F5;--e-contact-buttons-button-bg:#111111;--e-contact-buttons-button-icon-hover:#F5F5F5;--e-contact-buttons-button-bg-hover:#25D366;--e-contact-buttons-horizontal-offset:8px;}.elementor-8194 .elementor-element.elementor-element-66dfa9df .e-contact-buttons__chat-button-shadow{box-shadow:0px 2px 22px -14px rgba(0, 0, 0, 0.16);}@media(max-width:767px){.elementor-8194 .elementor-element.elementor-element-66dfa9df .e-contact-buttons{--e-contact-buttons-horizontal-offset:0px;--e-contact-buttons-vertical-offset:12px;}}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-66dfa9df */@media (max-width: 767px) {
    /* Estado inicial: Invisible y desplazado */
    .e-contact-buttons__chat-button {
        position: fixed !important; /* Forzamos fixed */
        bottom: 20px;
        right: 20px;
        z-index: 9999;
        
        /* Preparamos la animación */
        opacity: 0;
        transform: translateY(20px) scale(0.9);
        
        /* Vinculamos al scroll */
        animation-name: appearOnScroll;
        animation-timing-function: linear; /* Lineal porque el scroll manda */
        animation-fill-mode: both;
        
        /* ESTA ES LA CLAVE: animation-timeline */
        animation-timeline: scroll(root);
        
        /* RANGO: De 10px a 60px de scroll.
           Es un rango corto (50px). 
           En un scroll normal de dedo, esto pasa en milisegundos,
           simulando tu efecto de "fade in". */
        animation-range: 10px 60px;
    }

    @keyframes appearOnScroll {
        0% {
            opacity: 0;
            transform: translateY(20px) scale(0.9);
            visibility: hidden;
        }
        1% {
            visibility: visible; /* Evita clics fantasmas antes de empezar */
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            visibility: visible;
        }
    }
}/* End custom CSS */