.collection-section {
  padding: var(--space-lg) 0;
}
.collection-section--alt {
  background: var(--color-surface);
}

/* --- Layout de sala: texto + imágenes --- */
.sala-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
  margin-top: var(--space-md);
}

.sala-content p {
  margin-bottom: var(--space-sm);
}

/* --- Contenedor de imágenes --- */
.sala-images {
  display: grid;
  gap: var(--space-sm);
}
.sala-images--2col {
  grid-template-columns: 1fr 1fr;
}

/* --- Envoltura individual de imagen con zoom --- */
.sala-img-wrap {
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-surface-2);
}
.sala-img-wrap img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.7s ease;
}
.sala-img-wrap:hover img {
  transform: scale(1.05);
}

/* Variantes de altura */
.sala-img-wrap--tall img   { height: 340px; }
.sala-img-wrap--feature img { height: 460px; }

/* --- Responsive --- */
@media (max-width: 900px) {
  .sala-grid {
    grid-template-columns: 1fr;
  }
  .sala-images--2col {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .sala-images--2col {
    grid-template-columns: 1fr;
  }
  .sala-img-wrap img,
  .sala-img-wrap--tall img,
  .sala-img-wrap--feature img {
    height: 220px;
  }
}