.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;
}

/* Pie de imagen */
.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) {

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


	.row.text-image-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.text-image-block {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 1.5rem !important;
	}

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

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



/* Responsive */
@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;
  }
}