/* Estilos generales para la sección */
.cluster-medico {
  text-align: center;
  padding: 50px 20px;
  background-color: #f4f4f4;
}

.cluster-medico h2 {
  font-size: 2rem;
  color: #333;
  margin-bottom: 30px;
}

/* Contenedor de los asociados */
.asociados {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

/* Estilos para cada asociado */
.asociado {
  flex: 1 1 30%; /* Cada asociado ocupa el 30% del contenedor */
  max-width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

/* Estilo de las imágenes (logos) */
.asociado img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
  transition: transform 0.3s ease;
}

.asociado img:hover {
  transform: scale(1.1); /* Efecto hover al pasar el mouse */
}