/* https://colorhunt.co/palette/219c90fff455ffc700ee4e4e
Paleta de cores  */
.color {
  color: #219c90;
  color: #fff455;
  color: #ffc700;
  color: #ee4e4e;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: LinBiolinum;
}
body {
  background-color: #219c90;
}

blockquote {
  padding: 10px;
  margin: 10px;
  text-align: right;
  font-style: italic;
  box-shadow: 0 0 10px #00000050;
  border-radius: 5px;
  margin-bottom: 65px;
}

.main-container {
  width: 90%;
  padding: 45px;
  margin: 0 auto;
  background-color: #fff455;
}

.main-container div {
  background-color: #ee4e4e;
  border-radius: 35px;
  padding: 45px;
  margin: 35px;
}

.introduction-container img {
  width: 90%; /* Ajusta a largura da imagem para se adequar ao contêiner pai */
  height: auto; /* Mantém a proporção da imagem */
  margin: 35px auto;
  border-radius: 20px;
  display: block;
  box-shadow: 0 0 10px #000;
}

.introduction-container iframe {
  width: 90%;
  height: 500px;
  margin: 35px auto;
  display: block;
  border-radius: 20px;
  box-shadow: 0 0 10px #000;
}
.history-list-car-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.history-list-car-image li {
  background-position: center;
  display: inline-block;
}

.history-list-car-image img {
  width: 250px;
  border-radius: 35px;
  padding: 5px;
}

.best-cars-container {
  display: flex;
  justify-content: flex-start; /* Ajusta os itens para o início do container */
  align-items: flex-start; /* Alinha os itens ao topo */
  flex-wrap: wrap; /* Permite que os itens se movam para a próxima linha se não houver espaço suficiente */
  gap: 20px; /* Cria espaço entre os itens */
}

.best-cars-container ul {
  display: flex; /* Muda de inline-block para flex para permitir flexibilidade nos itens */
  width: 100%; /* Garante que a lista ocupe toda a largura do contêiner */
  flex-wrap: wrap; /* Permite que os itens da lista se movam para a próxima linha se necessário */
  gap: 20px; /* Mantém um espaço consistente entre os itens */

}

.best-cars-container li {
  background-color: #219c90;
  padding: 15px;
  display: flex;
  flex-direction: column; /* Organiza o conteúdo do cartão em coluna */
  align-items: center; /* Centraliza o conteúdo do cartão */
  justify-content: space-between; /* Distribui o espaço dentro do cartão */
  flex: 1 1 auto; /* Define o tamanho do cartão */
  width: calc(33.333% - 20px); /* Define a largura para 3 itens por linha, ajustando pelo gap */
  margin-bottom: 20px; /* Espaço abaixo de cada cartão */
  border-radius: 10px; /* Borda arredondada para o visual de cartão */
  min-width: 300px; /* Define a largura mínima para os itens da lista */
  min-height: 200px;
  max-width: 500px;
  box-shadow: 8px 5px 10px #00000050; /* Adiciona sombra ao cartão */
}

.best-cars-container h4,
.best-cars-container p{
  text-align: center; /* Centraliza o texto */
  display: block;
}
.best-cars-container p {
  line-height: 25px;
}


.best-cars-container img {
  width: 100%; /* Faz a imagem ocupar toda a largura do cartão */
  height: auto; /* Mantém a proporção da imagem */
  border-radius: 10px; /* Borda arredondada para a imagem */
  padding: 0; /* Remove o padding da imagem */
}

.best-cars-container h4{
  color: #fff455;
  font-size: 2em;
  margin: 10px 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}