.bg-nav {
    background-color: #03548f;
}

.navbar {
    padding: 10px 0;
}

.navbar-brand {
    margin-right: 20px;
}

.navbar-nav {
    display: flex;
    align-items: center;
}

.navbar-nav .nav-link {
    padding: 5px 10px;
}

/* --- REGRAS PARA MOBILE (Abaixo de 768px) --- */
@media (max-width: 767px) {
    .navbar-brand {
        margin-right: 5px; /* Reduz a margem do ícone no mobile */
    }

    .navbar-nav .nav-link {
        padding: 5px 6px; /* Aproxima os ícones para ganhar espaço */
    }

    /* Formatação dos novos links no mobile */
    .links-mobile a {
        font-size: 10px; /* Letra menor para caber tudo na tela */
        line-height: 1.1;
        text-align: center;
    }
    
    /* Caso o celular seja muito pequeno (ex: iPhone SE), permite rolar a barra pro lado suavemente */
    .navContatos .container {
        overflow-x: auto;
        padding-bottom: 2px;
    }
    /* Oculta a barra de rolagem visualmente, mas mantém a função */
    .navContatos .container::-webkit-scrollbar {
        display: none; 
    }
}