/* Contenedor general de cada bloque de texto + imagen */
.text-image-block {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.text-image-block img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}

.text-image-block .image-fixed {
  min-width: 246px;
}

.caption {
  font-style: italic;
  font-size: 13px;
  text-align: center;
  margin-top: 15px;
}
.collaboration-section {
  max-width: 850px;
  margin: 0 auto;
  padding: 0 24px;
}

.collaboration-section h5 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  margin-bottom: 1em;
}

.collaboration-section p {
  font-size: clamp(0.95rem, 1.4vw, 1.05rem);
  line-height: 1.6;
  margin-bottom: 1.4em;
}

.text-image-block {
  display: grid;
  grid-template-columns: minmax(260px, 370px) 1fr;
  gap: 2rem;
  align-items: start;
  margin: 3rem auto;
}

.image-block img {
  width: 100%;
  max-width: 370px;
  height: auto;
  display: block;
  border-radius: 4px;
}

.image-block figcaption {
  font-style: italic;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  margin-top: 15px;
}

.more-info {
  text-align: right;
  font-weight: bold;
}

.more-info a {
  color: #fcc19a !important;
  text-decoration: none;
}

@media (max-width: 1500px) {
  .text-image-block,
  .row.text-image-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .text-image-block > div,
  .row.text-image-row > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .image-fixed {
    min-width: auto !important;
  }

  .text-image-block {
    gap: 1.5rem;
  }

  .image-block img {
    width: 100%;
    max-width: 530px;
    height: auto;
    display: block;
    border-radius: 4px;
  }
}

@media (max-width: 768px) {
  .collaboration-section {
    padding: 0 18px;
  }

  .text-image-block {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin: 2rem auto;
  }

  .image-block img {
    max-width: 100%;
  }

  .image-block figcaption {
    text-align: left;
  }

  .more-info {
    text-align: left;
  }
}

@media (max-width: 480px) {
  .collaboration-section {
    padding: 0 16px;
  }

  .collaboration-section p {
    font-size: 0.95rem;
    line-height: 1.55;
  }

  .text-image-block {
    margin: 1.8rem auto;
  }
}