/* UAIprimora · estilo exclusivo da página Quem somos (2026-10-07). Carrega depois de estilo.css.
   Cores de texto só das variáveis já conferidas em estilo.css (REQ-20); o par novo está anotado na regra. */

/* topo: o aviso "relevo ilustrativo" desce para o canto de baixo, longe do cabeçalho */
.pagina-topo .minas-aviso { top: auto; bottom: 24px; }

/* 01 · quem é: a frase de definição é longa, então o título fica menor e mais largo que o do molde */
.qs-quem h2 { max-width: 26ch; font-size: clamp(28px, 2.7vw, 40px); line-height: 1.15; }
.qs-origem { margin-top: 48px; max-width: 600px; }
.qs-origem .pendente, .qs-mapa .pendente { margin-top: 14px; }
.qs-mapa .nucleo { padding: 28px 30px 30px; }
.qs-mapa-arte { width: 100%; height: auto; margin-top: 8px; }

/* 02 · quem está por trás: lugar do retrato, sem foto até Lucas informar */
.qs-tras { align-items: center; }
.qs-retrato { display: grid; place-items: center; aspect-ratio: 46 / 54; max-width: 460px; width: 100%; background: #151517; border: 1px solid #2A2A2E; border-radius: 28px; }
.qs-retrato svg { width: 42%; height: auto; }
.qs-lacunas { display: grid; gap: 14px; margin-top: 32px; max-width: 640px; }
/* "a definir" no escuro: texto claro (#F2F0EA sobre #0C0C0E, acima de 15:1) e borda vermelha */
.escuro .pendente { color: var(--claro); border-color: var(--v1); background: rgba(232, 71, 79, .08); }

/* 03 · no que acreditamos: cada frase com a sua face do símbolo acesa */
.qs-simbolo { margin-top: 48px; width: min(320px, 70%); }
.qs-simbolo svg { width: 100%; height: auto; }
.crencas { display: grid; gap: 36px; align-self: center; }
.crenca { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 22px; align-items: start; padding-top: 22px; border-top: 2px dashed color-mix(in srgb, var(--cor) 45%, transparent); }
.crenca-face { width: 64px; height: auto; }
.crenca h3 { font-size: clamp(21px, 1.8vw, 26px); letter-spacing: -.02em; line-height: 1.25; color: var(--tinta); }
.crenca p { margin-top: 8px; font-size: 17px; line-height: 1.55; color: var(--cinza); }

@media (max-width: 1100px) {
  .qs-retrato { max-width: 360px; }
  .qs-simbolo { width: 200px; }
}
@media (max-width: 760px) {
  /* no celular a arte fica atrás do título: BH e Sabará saem do topo (seguem na seção 01) */
  .pagina-topo .qs-marcos { display: none; }
  .qs-retrato { max-width: 240px; }
  .crenca { grid-template-columns: 48px minmax(0, 1fr); gap: 16px; }
  .crenca-face { width: 48px; }
}