/* =====================================================
   SECCIONES: GRIDS COMUNES
   Este archivo consolida los grids de equipo y servicios
   que solo definían layouts simples
   ===================================================== */

/* =====================================================
   GRID DE SERVICIOS
   ===================================================== */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--gap-lg);
}

/* =====================================================
   GRID DE EQUIPO
   ===================================================== */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--gap-lg);
}

/* =====================================================
   BENEFICIOS (TrackMAPE)
   ===================================================== */
.track-benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 768px) {
  .services-grid,
  .team-grid,
  .track-benefits-grid {
    grid-template-columns: 1fr;
    gap: var(--gap-md);
  }
}

@media (max-width: 480px) {
  .services-grid,
  .team-grid {
    gap: var(--gap-sm);
  }
}