.courses-grid h3 {
  font-size: 1.5rem;
  color: rgba(13, 13, 13, 0.563);
}

.courses-grid ul li i {
  color: white;
}


/* CURSOS */
.courses {
  margin-top: 4rem;
  text-align: center;
  border-radius: 15px;
  background: var(--bg-section);
  box-shadow: var(--shadow);
}

.courses h2 {
  color: var(--title);
  font-size: var(--font);
}

.courses-subtitle {
  margin-top: .5rem;
  color: var(--gray);
}

.courses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}