/* ═══════════════════════════════════════════════════════════════
   Tienda Sparta / Costanera Center — ajustes propios de ESTA ficha.
   Se carga DESPUÉS de css/proyecto.css (plantilla compartida).
   ═══════════════════════════════════════════════════════════════ */

.proyecto__hero { aspect-ratio: 3 / 2; }

/* Solo hay 3 fotos → fila de 3 columnas (simétrica), en vez del 2×2 que
   dejaba una imagen suelta. Cada foto a su proporción apaisada 3:2. */
.proyecto__gallery--triple { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.proyecto__gallery--triple .proyecto__figure { aspect-ratio: 3 / 2; }
@media (max-width: 768px) { .proyecto__gallery--triple { grid-template-columns: 1fr; } }

/* El primer párrafo quedaba muy separado de metadatos y muy pegado a las
   2 columnas de abajo (la relación inversa a la deseada): se aleja de
   metadatos y se acerca a las columnas siguientes. */
.proyecto--hero-text .proyecto__body {
  margin-top: clamp(4rem, 9vh, 6rem);
}

.proyecto__body {
  row-gap: clamp(1.25rem, 2.5vw, 2rem);
}