/*
 * Prohall — sobre.php: classes exclusivas desta página
 * (padrões que só aparecem aqui; o que se repete em outras páginas está em
 * assets/css/components.css). Nenhum style="" deveria sobrar em sobre.php.
 */

.sobre-hero-title{font:800 56px/1.04 'Manrope',sans-serif;letter-spacing:-2px;margin:26px 0 0;max-width:820px;text-wrap:balance}

.sobre-hist-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.sobre-hist-title{font:800 34px/1.12 'Manrope',sans-serif;letter-spacing:-1.2px;margin:0}

.sobre-tl-head{text-align:center;margin-bottom:56px}
.sobre-tl-title{font:800 34px/1.05 'Manrope',sans-serif;letter-spacing:-1.2px;margin:12px 0 0}

.sobre-pillars-title{font:800 34px/1.05 'Manrope',sans-serif;letter-spacing:-1.2px;margin:12px 0 40px}

.sobre-stats-lead{text-align:center;font:400 15px/1.6 'Manrope',sans-serif;color:#9a9a9a;max-width:640px;margin:0 auto 40px}

.sobre-cta-title{font:800 38px/1.12 'Manrope',sans-serif;letter-spacing:-1.4px;margin:14px 0 0;text-wrap:balance}
.sobre-cta-text{font:400 16.5px/1.7 'Manrope',sans-serif;color:#555;margin:20px auto 30px;max-width:600px}

/* ---- Responsivo (mobile/tablet) ----
   .ph-statgrid/.ph-statcell são de prohall.css (não editado) e só tinham
   corte para 2 colunas em 820px — aqui empilha em 1 coluna, um número
   embaixo do outro, como pedido. */
@media (max-width:860px){
  .ph-statgrid{grid-template-columns:1fr !important;gap:0 !important}
  .ph-statcell{border-right:none !important;border-bottom:1px solid rgba(255,255,255,.12)}
  .ph-statcell:last-child{border-bottom:none}
}