{{-- Coluna da Esquerda: Links Principais --}}
<div class="col-6 col-sm-5">
    {{-- Desktop View --}}
    <ul class="list-inline d-none d-sm-flex gap-3 mb-0 list-unstyled">
        <li><a href="#main-content" accesskey="1" class="accessibility-link">Conteúdo [1]</a></li>
        <li><a href="{{ url('/') }}" accesskey="2" class="accessibility-link">Página Inicial [2]</a></li>
        <li><a href="#portal-search" accesskey="3" class="accessibility-link">Busca [3]</a></li>
    </ul>

    {{-- Mobile View --}}
    <ul class="list-inline d-flex d-sm-none gap-3 mb-0 list-unstyled align-items-center">
        <li>
            <a href="#main-content" accesskey="1" class="accessibility-link" title="Ir para o Conteúdo [1]" style="font-size: 0.95rem;">
                <i class="bi bi-file-text" aria-hidden="true"></i>
                <span class="visually-hidden">Conteúdo [1]</span>
            </a>
        </li>
        <li>
            <a href="{{ url('/') }}" accesskey="2" class="accessibility-link" title="Página Inicial [2]" style="font-size: 0.95rem;">
                <i class="bi bi-house" aria-hidden="true"></i>
                <span class="visually-hidden">Página Inicial [2]</span>
            </a>
        </li>
        <li>
            <a href="{{ url('mapa-do-site') }}" class="accessibility-link" title="Mapa do Site" style="font-size: 0.95rem;">
                <i class="bi bi-map" aria-hidden="true"></i>
                <span class="visually-hidden">Mapa do Site</span>
            </a>
        </li>
        <li>
            <a href="{{ url('ouvidoria') }}" class="accessibility-link" title="Ouvidoria" style="font-size: 0.95rem;">
                <i class="bi bi-telephone" aria-hidden="true"></i>
                <span class="visually-hidden">Ouvidoria</span>
            </a>
        </li>
    </ul>
</div>