/* ==========================================================================
   LANDING: GYM MANAGER
   Los bloques compartidos (hero, galería, beneficios) viven en
   components.css bajo "PRODUCT LANDING". Aquí solo van ajustes propios
   de esta página.
   ========================================================================== */

/* La sección de pantallas simuladas de Gym Manager muestra 3 capturas
   en vez de 4, así que se ajusta el número de columnas del grid genérico. */
.gallery-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 880px) {
  .gallery-grid--3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .gallery-grid--3 { grid-template-columns: 1fr; }
}

.gym-manager-logo {
  display: block;
  width: 88px;
  height: 88px;
  margin-bottom: var(--space-sm);
  border-radius: var(--radius-md);
  object-fit: contain;
}