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
  });
});

04/2020

Lorem ipsum dolor sit amet consectetur. Risus aliquam id mauris quis. Laoreet odio facilisi justo risus tincidunt venenatis. In placerat tortor risus enim id venenatis ut lacus quis. Nulla suspendisse iaculis risus vel aenean pharetra dolor iaculis.
I am a button

04/2020

Lorem ipsum dolor sit amet consectetur. Risus aliquam id mauris quis. Laoreet odio facilisi justo risus tincidunt venenatis. In placerat tortor risus enim id venenatis ut lacus quis. Nulla suspendisse iaculis risus vel aenean pharetra dolor iaculis.
I am a button

04/2020

Lorem ipsum dolor sit amet consectetur. Risus aliquam id mauris quis. Laoreet odio facilisi justo risus tincidunt venenatis. In placerat tortor risus enim id venenatis ut lacus quis. Nulla suspendisse iaculis risus vel aenean pharetra dolor iaculis.
I am a button

04/2020

Lorem ipsum dolor sit amet consectetur. Risus aliquam id mauris quis. Laoreet odio facilisi justo risus tincidunt venenatis. In placerat tortor risus enim id venenatis ut lacus quis. Nulla suspendisse iaculis risus vel aenean pharetra dolor iaculis.
I am a button

04/2020

Lorem ipsum dolor sit amet consectetur. Risus aliquam id mauris quis. Laoreet odio facilisi justo risus tincidunt venenatis. In placerat tortor risus enim id venenatis ut lacus quis. Nulla suspendisse iaculis risus vel aenean pharetra dolor iaculis.
I am a button

04/2020

Lorem ipsum dolor sit amet consectetur. Risus aliquam id mauris quis. Laoreet odio facilisi justo risus tincidunt venenatis. In placerat tortor risus enim id venenatis ut lacus quis. Nulla suspendisse iaculis risus vel aenean pharetra dolor iaculis.
I am a button

2020 - Foundation

2021 - Expansion

2022 - Other countries

2023 - Now

2024 - Future

2025 - Next level