<!-- Spinner -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center" style="z-index:99999;">
    <div class="spinner" style="background-color:#198754;"></div>
</div>
<script>
// Garantir que o spinner é sempre escondido — não bloqueia a página
(function(){
    function hideSpinner(){
        var s=document.getElementById('spinner');
        if(s){s.classList.remove('show');s.style.display='none';}
    }
    // Tenta imediatamente
    hideSpinner();
    // Fallback 1: DOM pronto
    document.addEventListener('DOMContentLoaded', hideSpinner);
    // Fallback 2: página totalmente carregada
    window.addEventListener('load', hideSpinner);
    // Fallback 3: forçar após 500ms em qualquer circunstância
    setTimeout(hideSpinner, 500);
})();
</script>

<!-- Topbar -->
<div class="topbar-wrap">
    <div class="container-fluid topbar-inner px-4 px-lg-5">
        <div class="row gx-0 align-items-center">
            <div class="col-lg-8 d-none d-lg-flex">
                <div class="d-flex align-items-center gap-4 py-2">
                    <small><i class="fa fa-map-marker-alt me-1"></i> Rua da Resistência, 174/47, C.P. 2029, Maputo</small>
                    <small><i class="fa fa-phone-alt me-1"></i> +258 842 391 327</small>
                    <small><i class="fa fa-envelope-open me-1"></i> info@ambiente.gov.mz</small>
                </div>
            </div>
            <div class="col-lg-4 text-center text-lg-end">
                <div class="d-inline-flex align-items-center gap-1 py-2">
                    <a class="topbar-social" href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                    <a class="topbar-social" href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a class="topbar-social" href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    <a class="topbar-social" href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a class="topbar-social" href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
