/* ===========================
   PITCH – AJUSTE DE IMAGENS
=========================== */

.pitch-image-wrapper {
  max-width: 900px;
  margin: 24px auto 40px;
}
/* Linha com duas imagens lado a lado no bloco "A realidade atual" */
.pitch-image-row {
  display: flex;
  gap: 20px;
}

.pitch-image-col {
  flex: 1;
}

/* Deixa essas duas imagens um pouco menores que a altura padrão */
.pitch-image-row .pitch-image {
  max-height: 290px;   /* pode ajustar 320 / 360 conforme seu gosto +++ */ 
}

/* No mobile, as imagens ficam uma embaixo da outra */
@media (max-width: 768px) {
  .pitch-image-row {
    flex-direction: column;
  }
}


.pitch-image {
  width: 100%;
  max-width: 520px;
  max-height: 360px;
  display: block;
  margin: 0 auto;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

/* Imagem dentro do card azul */
.pitch-image--inside-card {
  max-width: 100%;
  max-height: 240px;
  margin-top: 14px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* Mobile */
@media (max-width: 768px) {
  .pitch-image-wrapper {
    max-width: 100%;
    margin: 20px 0 30px;
  }

  .pitch-image {
    max-width: 100%;
    max-height: 260px;
  }

  .pitch-image--inside-card {
    max-height: 200px;
  }
}