/* sobre.css: a página Sobre. O vídeo mais baixo e, embaixo, o que é o programa e quando sai à esquerda; à direita
   os cartões de quem faz, do feed e da pauta.
   Depende de: base.css, video.css, pessoa.css e ouvir.css (a .pauta). Telefone nas regras soltas, computador no @media do fim. */

.sobre__dentro { display: grid; gap: 28px; }

.sobre__titulo { font-size: 30px; }

.sobre__descricao { margin-top: 16px; font-size: 17px; color: var(--texto-suave); }

.sobre__ritmo { margin-top: 18px; }

.sobre__cartoes { display: grid; gap: 16px; align-content: start; }

.sobre__bloco { padding: 20px; }

.sobre__bloco .sobretitulo { margin-bottom: 14px; }

.sobre__nota { margin-bottom: 12px; font-size: 15px; color: var(--texto-suave); }

@media (min-width: 900px) {
  .sobre__dentro { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 64px; }
  .sobre__titulo { font-size: 40px; }
  .sobre__descricao { font-size: 19px; }
  .sobre__bloco { padding: 24px; }
}