@charset "UTF-8";

@media (min-width: 769px) and (max-width: 1024px) {

  /* Header */
  header {
    padding: 40px 20px;
  }

  header h1 {
    font-size: 2.2rem;
  }

  .subtitulo {
    font-size: 1rem;
  }

  /* Navegação */
  nav {
    padding: 15px;
  }

  nav a {
    margin: 0 10px;
    font-size: 0.95rem;
  }

  /* Conteúdo principal */
  main {
    max-width: 720px; /* mais estreito que desktop */
    margin: 40px auto;
    padding: 0 20px;
  }

  section {
    padding: 30px;
    margin-bottom: 30px;
  }

  section h2 {
    font-size: 1.6rem;
  }

  section p {
    font-size: 1.05rem;
    line-height: 1.7;
  }

  /* Rodapé */
  footer {
    padding: 25px 20px;
    font-size: 0.85rem;
  }
}