/*ESTILOS GERAIS*/
:root {
  --cor-primaria-menu:rgb(11, 79, 116);
  --cor-secundaria-menu:rgb(18, 124, 184);
  --cor-terciaria-menu:#ef9559;
  --cor-laranja-escuro-menu:#ff5733;
  --cor-branco-menu:rgb(255,255,255);
  --cor-preto-menu:rgb(0,0,0);
  --cor-verde-whats-menu:#009900;

  --tempo-animacao-menu: 1s;

  --fonte-titulo-menu: "Solway", serif;
  --fonte-texto-menu:"Montserrat", sans-serif;
  --fonte-botao-menu:"Roboto", sans-serif;

  
}

/*MENU*/

.faixa-cabecalho{
  background-color: var(--cor-branco-menu); 
  color: var(--cor-primaria-menu);
  font-family: var(--fonte-titulo-menu);
  font-size: 35px;
  font-weight:bold;
}

.menu-itens a{
  text-decoration: none;
  color: var(--cor-branco-menu);
  font-size: 18px;
}


.menu-itens a:hover{
  color: var(--cor-branco-menu);
}

.navbar{
  background-color: var(--cor-primaria-menu);
  color: var(--cor-branco-menu);
  font-family: var(--fonte-texto-menu)!important;
  width: 100%;
}

.navbar-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
  
}

.navbar-mobile-scroll {
  padding-top: 1rem !important;
}

.navbar-no-padding {
  padding-top: 1rem !important; /* Remove o padding-top ao rolar para cima */
}

/* Estilos gerais do navbar */
.nav-item a {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
  padding-bottom: .3rem;
}

/* Linha animada no início da palavra */
.nav-item a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color:var(--cor-branco-menu);
  transition: width 0.3s ease;
}


.nav-item a:hover::before {
  width: 25px /* Define o comprimento da linha no início */
}

.dropdown-item{
  color: var(--cor-primaria-menu)!important;
  font-size: 16px !important;
  font-weight: bold;
}

.dropdown-menu{
  border: none !important;
}

.btn-doacoes{
  background-color: var(--cor-branco-menu);
  border: solid 1px transparent;
  color: #DF6D14;
  border-radius: 50px;
  padding: 3px 20px;
}

.btn-doacoes:hover{
  background-color: #DF6D14;
  color: var(--cor-branco-menu);
}

.btn-doacoes-mobile{
  background-color: #DF6D14;
  color: var(--cor-branco-menu)!important;
  font-size: 16px !important;
  border-radius: 50px;
  padding: 3px 20px;
}