/* Página Sobre (POL-125 / POL-130) · frame 17:439 do Figma "politicore-web".
   Só o que é desta página; usa os tokens e componentes de portal.css (não redefine nenhum). Prefixo so-. */

@media (min-width: 768px) { .so-credito { right: var(--espaco-24); } }   /* Figma 17:439: crédito a 24 px da borda */
.so-corpo { padding-top: var(--espaco-40); }
.so-pagina .pc-principal { gap: var(--espaco-40); }
.so-secao { display: flex; flex-direction: column; gap: var(--espaco-16); }
.so-lead { font: 500 22px/1.25 var(--fonte); color: var(--cor-navy-800); }
.so-texto { font: 400 16px/1.55 var(--fonte); color: var(--cor-navy-800); }
.so-caixa-texto { font: 400 14px/1.5 var(--fonte); color: var(--cor-navy-800); }
.so-pagina .pc-sidebar .pc-caixa__corpo { gap: var(--espaco-12); }
.so-pagina .pc-sidebar .pc-lista { margin-top: -12px; }   /* a lista encosta no cabeçalho da caixa, como no Figma */
.so-pagina .pc-sidebar .pc-linha .pc-linha__rotulo { color: var(--cor-navy-800); }
.so-missao .pc-caixa__corpo { padding-top: var(--espaco-16); }
.so-numeros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--layout-gutter); padding: var(--espaco-24) 28px; border-radius: var(--raio-xl); background: var(--cor-azul-50); }
.so-numeros .pc-numero__valor { font-size: 32px; }

@media (max-width: 767px) {
  .so-corpo { padding-top: var(--espaco-32); }
  .so-pagina .pc-principal { gap: var(--espaco-32); }
  .so-lead { font-size: 18px; }
  .so-numeros { grid-template-columns: minmax(0, 1fr); gap: var(--espaco-16); padding: var(--espaco-20); }
}