Buy Now
document.addEventListener('DOMContentLoaded', () => {
  // Espera a que todo cargue (incluido Bricks)
  window.addEventListener('load', () => {
    setTimeout(() => {
      const headerEl = document.getElementById('brx-header');
      const targetEls = Array.from(document.querySelectorAll('.fb-hide-on-scroll'));

      if (!headerEl || !targetEls.length) return;

      let headerHeight = 0;
      let addThreshold = 0;
      let removeThreshold = 0;
      let hidden = false;
      let ticking = false;

      function updateHeights() {
        headerHeight = headerEl.getBoundingClientRect().height;
        addThreshold = Math.ceil(headerHeight) + 1;
        removeThreshold = Math.max(0, Math.floor(headerHeight) - 6);
      }

      function applyHiddenClass(shouldHide) {
        targetEls.forEach(el => {
          el.classList.toggle('fb-hide', shouldHide);
        });
      }

      function onScrollRaf() {
        const scrollY = window.scrollY || window.pageYOffset;

        if (!hidden && scrollY > addThreshold) {
          hidden = true;
          applyHiddenClass(true);
        } else if (hidden && scrollY < removeThreshold) {
          hidden = false;
          applyHiddenClass(false);
        }
        ticking = false;
      }

      function onScroll() {
        if (!ticking) {
          ticking = true;
          requestAnimationFrame(onScrollRaf);
        }
      }

      updateHeights();
      window.addEventListener('scroll', onScroll, { passive: true });

      window.addEventListener('resize', () => {
        updateHeights();
        onScrollRaf();
      });

      if (typeof ResizeObserver !== 'undefined') {
        const ro = new ResizeObserver(() => {
          updateHeights();
          onScrollRaf();
        });
        ro.observe(headerEl);
      }

      onScrollRaf();
    }, 400); // <-- inicia 1 segundo después de la carga completa
  });
});
Here goes your text

I am a heading

Faucibus vitae interdum amet neque sit. Molestie adipiscing bibendum phasellus eleifend libero velit velit habitasse risus. Non in ut fermentum sit congue tristique praesent. Tellus nisl tempor non gravida lectus euismod volutpat tortor. Sed iaculis consectetur nisi in sit pellentesque vitae. Tempor congue a integer vitae.

I am a large heading service or feature

Faucibus vitae interdum amet neque sit. Non in ut fermentum sit congue tristique praesent.

Call to action

I am a heading service

Faucibus vitae interdum amet neque sit. Non in ut fermentum sit congue tristique praesent.

Call to action

I am a large heading service or feature

Faucibus vitae interdum amet neque sit. Non in ut fermentum sit congue tristique praesent.

Call to action