/* Conteúdo institucional: estilos exclusivos da página Sobre. */
.sobre-pagina .hero-sobre { align-items: center; }
.sobre-pagina .hero-sobre .hero-subtitulo { font-size: clamp(25px, 2.6vw, 38px); }
.sobre-pagina .hero-sobre .introducao { max-width: none; margin-bottom: 20px; }
.sobre-pagina .hero-sobre .hero-texto > p:not(.sobretitulo) { max-width: 60ch; }
.sobre-prosa { max-width: 900px; }
.sobre-historia { border-top: 1px solid var(--linha); }
.sobre-numeros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 24px 0 20px; }
.sobre-numeros > div { min-width: 0; padding: 28px; border: 1px solid var(--linha); border-radius: 18px; border-top: 4px solid var(--verde); }
.sobre-numeros > div:nth-child(2) { border-top-color: var(--rosa); }
.sobre-numeros > div:nth-child(3) { border-top-color: #111; }
.sobre-numeros dt { color: #111; font: 900 clamp(25px, 2.8vw, 39px)/1.25 var(--titulo); }
.sobre-numeros dd { margin: 14px 0 0; font-size: 15px; }
.sobre-valores, .sobre-equipe { align-items: stretch; }
.sobre-valores .painel:nth-child(3) { background: #fff; }
.sobre-valores .painel:nth-child(4) { background: var(--fundo); }
.sobre-iniciais { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 24px; background: var(--verde); border-radius: 50%; color: #111; font: 900 24px/1 var(--titulo); }
.sobre-equipe article:nth-child(2) .sobre-iniciais { background: var(--rosa); }
.sobre-equipe h3 { margin-bottom: 12px; }
.sobre-experiencia { font-weight: 700; }
.sobre-etapas h3 { font-size: 16px; }
.sobre-servicos { margin-top: 24px; gap: 32px 50px; }
.sobre-servicos article { min-width: 0; padding: 24px 0 0; border-top: 2px solid var(--linha); }
.sobre-servicos h3 { margin-bottom: 16px; }
.sobre-inclusao { margin-top: 20px; }
.sobre-inclusao .titulo-secao { margin-bottom: 22px; }
.sobre-convite { padding-bottom: 28px; }
@media (max-width: 767px) {
  .sobre-pagina .hero-sobre { gap: 32px; padding-top: 36px; }
  .sobre-pagina .hero-sobre .hero-texto { grid-row: 1; }
  .sobre-pagina .hero-sobre .hero-imagem { grid-row: 2; }
  .sobre-pagina .hero-sobre .arte-principal { max-width: 320px; }
  .sobre-pagina .hero-sobre .hero-subtitulo { font-size: clamp(24px, 6.5vw, 33px); }
  .sobre-numeros { grid-template-columns: 1fr; gap: 14px; }
  .sobre-numeros > div { padding: 24px; }
  .sobre-servicos { gap: 28px; }
  .sobre-convite { padding-bottom: 24px; }
}