{{-- Skip links acessíveis para navegação por teclado (eMAG) --}}
<nav class="visually-hidden-focusable" aria-label="Acessibilidade - Atalhos do Portal">
    <div class="container-fluid bg-dark p-2 text-center">
        <a href="#main-content" class="text-white me-3 text-decoration-none focus-ring focus-ring-light" accesskey="1">
            Ir para o Conteúdo Principal (Alt + 1)
        </a>
        <a href="#main-nav" class="text-white me-3 text-decoration-none focus-ring focus-ring-light" accesskey="2">
            Ir para o Menu Principal (Alt + 2)
        </a>
        <a href="#footer" class="text-white text-decoration-none focus-ring focus-ring-light" accesskey="3">
            Ir para o Rodapé (Alt + 3)
        </a>
    </div>
</nav>

<style>
    .visually-hidden-focusable {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
</style>