/*
  Layout específico das seções da Home.
  Componentes reutilizáveis entre páginas (hero, autoridade, card, botão...) ficam em components.css.
*/

.stats-row--inline {
  border-top: 1px solid var(--color-border);
  border-bottom: none;
  margin-top: var(--space-6);
  margin-bottom: 0;
  padding-top: var(--space-6);
  padding-bottom: 0;
}

/* ---------- Cursos ---------- */

.courses-grid {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 700px) {
  .courses-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------- Resultados ---------- */

.stats-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.results-grid {
  display: grid;
  gap: var(--space-5);
  margin-bottom: var(--space-8);
}

.testimonials-grid {
  display: grid;
  gap: var(--space-5);
}

@media (min-width: 700px) {
  .results-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .testimonials-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}