/* Responsividade global (mobile) - empilhar tudo */

@media (max-width: 768px) {
  /* HEADER */
  .header {
    padding: 16px 16px;
  }

  /* Evita gaps estranhos em content por causa do header fixo */
  main,
  .about,
  .about_2,
  .services,
  .testimonials,
  .courses-section,
  .news-section,
  .contact-section {
    /* ajusta o espaçamento mínimo; sem reescrever todas as seções */
    width: 100%;
  }

  /* HEADER + NAV: handled em style.css; aqui mantemos somente o essencial */
  .header nav {
    width: 100%;
  }

  /* ABOUT (home) */
  .about .container {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  .about .about-text {
    max-width: 100%;
  }

  /* ABOUT 2 */
  .about_2 .about_2-grid {
    grid-template-columns: 1fr;
  }

  /* SERVICES */
  .services .services-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* LP EXPLORE */
  .lp-explore-grid {
    grid-template-columns: 1fr;
  }

  /* COURSES */
  .courses-section .cards-container {
    flex-direction: column;
    align-items: center;
  }

  .courses-section .card {
    max-width: 90%;
  }

  /* NEWS */
  .news-section .cards-container {
    flex-direction: column;
    align-items: center;
  }

  .news-section .card {
    max-width: 90%;
  }

  /* TESTIMONIALS */
  .testimonials .testimonials-grid {
    grid-template-columns: 1fr;
  }

  /* CONTACT */
  .contact-section .cta-buttons {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  /* FOOTER */
  .footer-container {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
}