/* ── «Sobre la academia» (s7 lote 2) ──
   Texto a la izquierda, fotos debajo en una reja de 3 columnas (2 en móvil). Las fotos se
   recortan a la misma proporción para que la reja no quede dentada. */
.sobre-ac__cuerpo { display: flex; flex-direction: column; gap: var(--esp-4); max-width: 760px; }
.sobre-ac__texto { margin: 0; white-space: pre-line; }
.sobre-ac__ubicacion { margin: 0; display: flex; flex-wrap: wrap; gap: var(--esp-2) var(--esp-4); }
.sobre-ac__ubicacion a { color: var(--marca); font-weight: 600; text-decoration: none; }
.sobre-ac__ubicacion a:hover { text-decoration: underline; }

.sobre-ac__galeria { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-4); }
.sobre-ac__galeria img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radio-card);
  border: 1px solid var(--linea);
  background: var(--fondo-suave);
}
/* Una o dos fotos no se estiran a 3 columnas: se quedan más grandes. */
.sobre-ac__galeria--1 { grid-template-columns: minmax(0, 560px); }
.sobre-ac__galeria--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 720px) {
  .sobre-ac__galeria, .sobre-ac__galeria--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-2); }
  .sobre-ac__galeria--1 { grid-template-columns: minmax(0, 1fr); }
}