.section-vision {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  background-color: #ffffff; /* Cor de fundo vermelha */
  color: #e30613;
}

.vision-content {
  flex: 1;
  padding-left: 0px; /* Espacio para alinear el contenido a la derecha */
}

.vision-title {
  font-size: 4em;
  font-weight: bold;
  margin-bottom: 30px;
  text-transform: uppercase;
  transition: transform 0.3s ease;
  text-align: right; /* Alinear el texto a la derecha */
  font-style: italic;
  margin-right: 80px;
  margin-top: 50px;
  color: #e30613; /* Cor do subtítulo */
}

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

.vision-subtitle {
  font-size: 2em; /* Tamanho do subtítulo */
  font-weight: normal; /* Peso do texto do subtítulo */
  margin-bottom: 20px; /* Margem abaixo do subtítulo */
  color: #e30613; /* Cor do subtítulo */
  white-space: pre-line;
  font-style: italic;
  text-align: right;
  margin-right: 80px;
}

.vision-description {
  font-size: 1.2em;
  line-height: 1.6;
  margin-top: 30px; /* Espaço acima da descrição */
  margin-bottom: 20px; /* Espaço abaixo da descrição */
  white-space: pre-line;
  font-style: italic;
  text-align: right;
  margin-right: 80px;
}

.vision-images {
  display: flex;
  flex-wrap: wrap;

}

.vision-images img {
  width: 840px; /* Reduzir o tamanho da imagem se necessário */
  display: block;
  transition: transform 0.3s ease;
  margin-left: 20px;
  position: relative;
  top: -50px; /* Mover para cima */
}

.vision-images img:hover {
  transform: scale(1.1);
}

.vision-icon {
  margin-right: 10px; /* Espaço entre o ícone e o título */
  color: #e30613; /* Cor do ícone */
  font-size: 1.3em; /* Tamanho do ícone */
}

/* Responsividade para telas menores */
@media (max-width: 768px) {
  .section-vision {
    flex-direction: column;
    text-align: center;
    padding: 10px; /* Ajuste do padding para telas menores */
    background-color: #ffffff;
    color: #e30613;
  }

  .vision-title {
    font-size: 2.5em; /* Reduzir o tamanho do título */
    margin-right: 0; /* Centralizar no mobile */
    margin-top: 20px; /* Ajuste do espaço superior */
    margin-bottom: 15px; /* Ajuste do espaço inferior */
    text-align: center; /* Centralizar o texto */
  }

  .vision-subtitle {
    font-size: 1.5em; /* Reduzir o tamanho do subtítulo */
    margin-right: 0; /* Centralizar no mobile */
    margin-bottom: 15px; /* Ajuste do espaço inferior */
    text-align: center; /* Centralizar o texto */
  }

  .vision-description {
    font-size: 1em; /* Reduzir o tamanho da descrição */
    margin-right: 0; /* Centralizar no mobile */
    margin-bottom: 15px; /* Ajuste do espaço inferior */
    text-align: center; /* Centralizar o texto */
  }

  .vision-images {
    flex-direction: column;
    align-items: center;
  }

  .vision-images img {
    width: 100px; /* Ajuste do tamanho da imagem */
    height: auto; /* Manter a proporção da imagem */
    margin: 10px 0; /* Espaçamento vertical ao redor das imagens */
    top: 0; /* Remover o posicionamento superior negativo */
  }

  .vision-icon {
    font-size: 1.1em; /* Ajuste do tamanho do ícone */
  }

  /* Limitar a largura dos elementos para garantir que não saiam da tela */
  .vision-content, .vision-title, .vision-subtitle, .vision-description {
    max-width: 100%;
  }
}