.titulo-de-secao {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 760px;
}

.sobretitulo {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cor-destaque);
}

@media (min-width: 640px) {
  .sobretitulo {
    font-size: 0.875rem;
  }
}

.sobretitulo--pequeno {
  font-size: 0.8125rem;
}

.titulo-de-secao__titulo {
  font-family: var(--fonte-titulos);
  font-size: var(--tamanho-titulo-de-secao);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.titulo-de-secao__subtitulo {
  font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  color: var(--cor-texto-suave);
}