/* Estilos atualizados para o site */
body {
  font-family: Agenda, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f2f2f2;
  text-align: center; /* Centraliza o texto horizontalmente */
}

header {
font-family: Airstrike,Agenda, Arial, sans-serif;
  background-color: #1b75bb;
  color: #fff;
  padding: 20px;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #65b2e3;
  overflow: hidden;
}

nav ul li {
  float: left;
}

nav ul li a {
  font-family: Airstrike,Agenda, Arial, sans-serif;		
  display: block;
  color: #293e6a;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav ul li a:hover {
  background-color: #65b2e3;
}

section {
  padding: 20px;
}

footer {
  background-color: #1b75bb;
  color: #FFF;
  padding: 20px;
  text-align: center;
}

h1, h2 {
  color: #293e6a;
}

p {
  color: #555;
}

/* Estilos adicionais */
section#sobre {
  background-color: #fff;
}

section#servicos {
  background-color: #d1eaf9;
}

section#contato {
  background-color: #fff;
}

#logo-section {
  display: flex;
/*  max-width: 90%;*/
/*  width: 100%;*/
  justify-content: center;
  align-items: center;
  background-color: white; /* Cor do fundo em branco */
}

#logo-section a {
  display: flex;
/*  max-width: 90%;*/
  width: 100px;
  height: auto;
  text-decoration: none;
  justify-content: center;
  align-items: center; 
}

.base {
	width: 300px; /* largura de 300 pixels */
  	height: 200px; /* altura de 200 pixels */
}

h1, h2, h3, h4, h5, h6, p {
  text-align: center; /* Centraliza o texto horizontalmente */
  max-width: 100%; /* Garante que o texto não exceda a largura do contêiner */
  word-wrap: break-word; /* Quebra as palavras longas para que se ajustem ao contêiner */
}

.destaque {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.destaque-item {
  flex: 0 0 calc(33.33% - 20px);
  margin: 10px;
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 5px;
  text-align: center;
}

.destaque-item h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.destaque-item p {
  font-size: 16px;
}

.destaque-item img {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}



.service ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.service ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.service ul li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
  margin-right: 10px;
}

.service ul li span {
  font-size: 14px;
  color: #333;
}


/* Estilos para os links */
a {
  color: #333;
  text-decoration: none;
  position: relative;
}

/* Estilo da animação */
a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #333;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease;
}

/* Animação ao passar o mouse */
a:hover::after {
  visibility: visible;
  transform: scaleX(1);
}