:root {

      --azul-politico: #0d3b66;

      --azul-claro: #007BFF;

  --azul-politico-claro: #155d99;

    }



     body {

      margin: 0;

     font-family: 'Segoe UI', Arial, sans-serif;

      color: #222;

	  font-size: 1.1rem;

      margin-bottom: 0.5rem;

    }



.bg-primary{

background-color:  var(--azul-politico) !important;

}



       header {

      background:  var(--azul-politico);

      color: #fff;

      padding: 0.5rem 0;

      display: flex;

      align-items: center;

      justify-content: space-between;

      flex-wrap: wrap;

    }



    .navbar-brand, .nav-link {

      color: white !important;

	      display: inline-block;

    font-size: 14px;

    padding-right: 22px;

    }



    .banner {

      padding: 0;

      margin: 0;

      position: relative;

    }



    .banner img {

      width: 100%;

      height: auto;

      display: block;

      max-height: 100%;

    }



    .section-title {

      display: inline-block;

      padding-bottom: 5px;

      margin-bottom: 20px;

    }



    footer {

      background-color:  var(--azul-politico);

      color: white;

      padding: 50px 50px;

    }



    footer a {

      color: #ffffffaa;

      margin: 0 10px;

    }



    footer a:hover {

      color: white;

    }

	footer .container {

	  margin-left: 10%; /* ou qualquer valor que te agrade */

	}

	

	

		.navbar-brand img {

      height: 40px;

      max-height: 100%;

    }



    /* Acessibilidade */

    .contraste-ativo {

      background-color: var(--azul-politico)!important;

      color: yellow !important;

    }



    .contraste-ativo a,

    .contraste-ativo .nav-link,

    .contraste-ativo .section-title {

      color: yellow !important;

    }

	

	.counter {

  transition: transform 0.3s ease-in-out;

}

.counter:hover {

  transform: scale(1.05);

}



#whatsapp-button {

  position: fixed;

  bottom: 80px;

  right: 20px;

  width: 60px;

  height: 60px;

  background-color: #25D366;

  color: white;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 30px;

  z-index: 999;

  box-shadow: 0 2px 5px rgba(0,0,0,0.3);

  text-decoration: none;

}

#whatsapp-button:hover {

  transform: scale(1.1);

}



#whatsapp-popup {

  display: none;

  position: fixed;

  bottom: 130px;

  right: 20px;

  width: 300px;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 0 15px rgba(0,0,0,0.2);

  z-index: 1001;

  overflow: hidden;

  font-family: 'Segoe UI', sans-serif;

}



.popup-header {

  background-color: #25d366;

  color: white;

  padding: 10px 15px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.popup-body {

  padding: 15px;

}



#popup-close {

  cursor: pointer;

  font-size: 20px;

}



.counters .counter {

  display: flex;

  flex-direction: column;

  height: 100%;

  min-height: 190px; /* Altura mínima para todos */

}



.counters .number {

  flex-grow: 1;

  display: flex;

  align-items: center;

  justify-content: center;

}



.counters .label {

  padding: 0 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  min-height: 60px; /* Altura mínima para o texto */

}



.number {

  font-size: 4.5rem;

}



@media (min-width: 768px) {

  .number {

    font-size: 6rem;

  }

}

.number {

  font-size: 5rem;

  transition: font-size 0.3s ease;

}



.number.final-count {

  font-size: 6rem; /* Aumenta um pouco quando terminar a contagem */

}



.section-title {

  color: #003366; /* Azul escuro */

  font-size: 2.5rem; /* Tamanho grande */

  font-weight: 700;

  margin-bottom: 30px;

  text-align: left;

}



section:nth-of-type(even) {

  background-color: #f9f9f9; /* Cinza bem claro */

}



.navbar-brand img {

  padding: 3px;

  border-radius: 10px;

}



.nav-link:hover {

  color: #007bff !important;

  font-weight: bold;

}



  /* CSS personalizado */

  .navbar-collapse {

    flex-basis: auto !important; /* Impede que o menu ocupe todo o espaço */

  }

  

  @media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav {

      margin-left: auto; /* Alinha os itens à direita */

    }

  }

  

  footer h3 {

  position: relative;

  display: inline-block;

  padding-bottom: 5px;

  margin-bottom: 15px;

  border-bottom: 2px solid #ffffff66; /* branco semitransparente */

}