#header-desktop.scrolled {
  background-color: #080719;
  transform: scale(1.02);
  transition: 0.5s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#header-desktop{
  border-bottom: 1px solid #ffffff1b;
  background-color: #6141f0;
  padding: 0 2.5rem;
}

/* Logo */
#header-desktop #logo-header {
  margin: 0;
  width: 100%;
  max-width: 200px; /* Limita a largura máxima */
  height: auto; /* Mantém a proporção */
}


.logo-mobile{
  width: 40px;
}

/* Navbar Links */
#header-desktop .link-menu-desktop {
  color: #fff;
  transition: 0.3s;
  font-weight: bold;
  margin: 0 2px;
  border-bottom: 0.5px solid transparent;
}

#header-desktop .link-menu-desktop:hover {
  color: #b8b8bd;
  border-bottom-color: #fff;
}

/* Dropdown Menu */
#header-desktop .dropdown-menu {
  background-color: #fff;
  border: none;
  margin-top: 1.3rem;
  padding: 0;
  min-width: 280px;
  border-radius: 0;
}

/* Dropdown Menu Links */
#header-desktop .link-dropdown-menu-desktop {
  color: #6241f0;
  padding: 12px 10px;
  font-weight: bold;
  border-bottom: 1px solid rgba(69, 18, 136, 0.15);
  transition: 0.3s;
}

#header-desktop .link-dropdown-menu-desktop:hover {
  color: #fff;
  background-color: #080719;
  padding-left: 1.7rem;
  transition: 0.3s;
}



/* Exemplo de CSS para deixar o ícone branco */
.navbar-toggler-icon {
    color: red;
}


/* MENU MOBILE */
.menu-mobile {
  min-height: 80vh;
  border-radius: 0;
}

.menu-mobile #header-menu-mobile {
  border: 1px solid red;
  background-color: #451288;
}

.menu-mobile #header-menu-mobile img {
  width: 150px;
}

/* Botão Customizado */
.btn-custom-close {
  position: absolute; /* Permite ajustar a posição */
  top: 10px; /* Ajuste superior */
  right: 10px; /* Ajuste lateral */
  width: 40px; /* Largura do botão */
  height: 40px; /* Altura do botão */
  border-radius: 50%; /* Torna o botão circular */
  color: #fff; /* Cor do ícone ou texto */
  font-size: 20px; /* Tamanho do ícone */
  display: flex; /* Centraliza o ícone */
  justify-content: center; /* Alinhamento horizontal */
  align-items: center; /* Alinhamento vertical */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destaque */
  transition: all 0.3s ease; /* Transição suave */
  border: none; /* Remove borda padrão */
}

/* Hover do botão */
.btn-custom-close:hover {
  transform: scale(1.1); /* Leve aumento no tamanho */
  cursor: pointer; /* Alteração do cursor */
}

/* MENU MOBILE */
.menu-mobile {
  /* border: 1px solid red; */
  min-width: 65%;
  padding-inline-start: 0;
}

.menu-mobile .hader-menu-mobile {
  background-color: #080719;
}

.menu-mobile .hader-menu-mobile #logo-header-mobile {
  width: 100%;
  max-width: 150px; /* Limita a largura máxima */
  height: auto; /* Mantém a proporção */
}

.menu-mobile .offcanvas-body {
  padding: 0;
}

/* Itens menu mobile */
/* Remover o estilo ativo */
.accordion-button:not(.collapsed) {
  box-shadow: none; /* Remove o sombreado */
  background-color: transparent; /* Remove o fundo ativo */
  border-color: transparent; /* Remove a borda ativa */
}

#nav-item-menu-mobile {
  padding: 13px 1.3rem;
  border-bottom: 1px solid rgba(69, 18, 136, 0.15);
  transition: 0.3s;
}

#nav-item-menu-mobile:hover {
  background-color: #efeff0;
  transition: 0.3s;
}

/* Submenu mobile */

.body-item-acordation-mobile #nav-item-submenu-mobile {
  border-bottom: 1px solid rgba(69, 18, 136, 0.15);
  padding: 13px 1.3rem;
  padding-left: 2.5rem;
  transition: 0.3s;
}

.body-item-acordation-mobile #nav-item-submenu-mobile:hover {
  background-color: #efeff0;
  transition: 0.3s;
}

/* Remover o efeito de 'active' no acordeão */
.accordion-button:not(.collapsed) {
  background-color: transparent !important; /* Remove a cor de fundo */
  border-color: transparent !important; /* Remove a cor da borda */
  box-shadow: none !important; /* Remove a sombra do item expandido */
}

/* Também remove o estilo de hover do botão de acordeão */
.accordion-button:hover {
  background-color: transparent !important;
  border-color: transparent !important;
} */