.navbar {
    background-color: #ffffff; /* Fundo branco para o menu */
    border-bottom: 2px solid #009691; /* Borda inferior */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Estilo base dos links do menu */
.navbar-nav .nav-link {
    color: #00938E !important; /* Cor do texto do menu */
    font-weight: 600;
    margin: 0 0.25rem;
    padding: 0.1rem 0.1rem;
    border-radius: 25px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

/* Efeito ao passar o mouse sobre os links */
.navbar-nav .nav-link:hover {
    background-color: rgba(0, 147, 142, 0.08); /* Fundo levemente colorido no hover */
}

/* Estilo do link ATIVO (formato de botão) */
.navbar-nav .nav-link.active {
    background-color: #00938e; /* Cor de fundo do botão ativo */
    color: #FFFFFF !important;  /* Cor do texto do menu ativo */
}

/* Estilo unificado para os botões Financeiro e Demandas */
.btn-header-custom {
    background-color: #00938E; /* Cor de fundo dos botões */
    color: #f3fafa;           /* Cor do texto dos botões */
    padding: 0.5rem 1.2rem;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid #00938E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-header-custom:hover {
    background-color: #007a76; /* Um tom um pouco mais escuro no hover */
    border-color: #007a76;
    color: #ffffff;
}

/* Cor dos ícones dentro dos botões */
.btn-header-custom i {
    color: #00dcda; /* Cor dos ícones */
}

/* Altera a cor do ícone "hambúrguer" para o modo mobile */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2300938E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Ajusta a borda do botão toggler */
.navbar-toggler {
    border-color: rgba(0, 147, 142, 0.2);
}

.navbar-toggler:focus{
    box-shadow: 0 0 0 0.25rem rgba(0, 147, 142, 0.5);
}