@aware(['menuClasses', 'alternates', 'isHome', 'page'])
<div x-resize="document.documentElement.style.setProperty('--header-height', $el.offsetHeight + 'px');" class="header-menu fixed w-full z-10 top-0" x-data="{ hideHeader: false, threshold: 1080 }"
     @scroll.window="hideHeader = window.scrollY > threshold" :class="hideHeader ? 'opacity-0' : 'opacity-100'">
    <div class="max-w-[85.375rem] mx-auto">
        <x-desktop.menu.menu-geral :alternates="$alternates"/>
    </div>
</div>