/* Estilos para a seção section-mapas */
#section-mapas {
  padding: 50px 20px; /* Reduz o padding para telas menores */
  text-align: center; /* Centraliza o conteúdo */
  background-color: #ffffff;
}

.map-title {
  font-weight: bold; /* Estilo do título */
  font-size: 4em; /* Tamanho do título */
  margin-bottom: 40px; /* Espaçamento abaixo do título */
  font-style: italic;
  color: #E30613;
  transition: transform 0.3s ease;
}

.map-title:hover{
  transform: scale(1.02);
}

.map-container5 {
  display: flex; /* Usa flexbox para alinhar os mapas lado a lado */
  justify-content: center; /* Centraliza os mapas */
  flex-wrap: wrap; /* Permite que os mapas quebrem para a linha seguinte em telas menores */
  gap: 50px;
}

.map-box {
  width: 100%; /* Define a largura de cada mapa como 100% */
  max-width: 100%; /* Define a largura máxima para cada mapa */
  margin-bottom: 20px; /* Adiciona espaçamento entre os mapas */
}

.map-iframe {
  width: 100%; /* O mapa ocupa toda a largura do container */
  height: 300px; /* Reduz a altura do mapa para telas menores */
  border: 0; /* Remove a borda */
}

.map-box p {
  margin-top: 10px; /* Espaçamento acima das descrições */
  font-size: 1em;
  margin-bottom: 20px; /* Espaço abaixo da descrição */
  color: #e30613;
  font-style: italic;

}

@media (max-width: 768px) {
  #section-mapas {
    padding: 40px 15px; /* Ajusta o padding para telas menores */
  }

  .map-title {
    font-size: 2.5em; /* Ajusta o tamanho do título */
  }

  .map-iframe {
    height: 200px; /* Reduz a altura do mapa */
  }
}

@media (max-width: 576px) {
  .map-title {
    font-size: 2em; /* Ajusta o tamanho do título */
  }

  .map-iframe {
    height: 150px; /* Reduz a altura do mapa */
  }

  .map-box {
    margin-bottom: 15px; /* Ajusta o espaçamento entre os mapas */
  }
}