.elementor-kit-26{--e-global-color-primary:#0A0A0A;}.elementor-kit-26 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Definimos la transición suave */
#mi-formulario-fijo {
    position: fixed;
    bottom: 20px; /* Ajusta según tu diseño */
    right: 20px;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 999;
}

/* Clase que aplicaremos con JS para ocultarlo */
.form-oculto {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none; /* Evita que el usuario haga clic cuando no se ve */
}


<script>
document.addEventListener('scroll', function() {
    const formulario = document.getElementById('mi-formulario-fijo');
    
    // Calculamos cuánto falta para llegar al final
    // (Altura total - Altura visible - Posición actual del scroll)
    const scrollTotal = document.documentElement.scrollHeight;
    const scrollActual = window.innerHeight + window.pageYOffset;
    
    // Umbral: se desvanece cuando falten 100px para el final
    // Puedes cambiar el '100' por el valor que prefieras
    if (scrollTotal - scrollActual < 100) {
        formulario.classList.add('form-oculto');
    } else {
        formulario.classList.remove('form-oculto');
    }
});
</script>

/* Slide In From The Top Option */

.header-2 {
 transform: translatey(-px);
 -moz-transition: all .3s ease!important;
 -webkit-transition: all .3s ease!important;
 transition: all .3s ease!important;
 width: 100%!important;
}




.elementor-sticky--effects.header-2  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
 display: none!important;
}

/* End Of Slide In From The Top Option *//* End custom CSS */