/* O programa */
.pg-sobre {
  .frentes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 32px; }
  .frentes a { display: flex; flex-direction: column; gap: 10px; padding: 26px; height: 100%; color: var(--ink); text-decoration: none; transition: border-color .2s, box-shadow .25s; }
  .frentes a:hover { border-color: var(--blue); box-shadow: var(--shadow); }
  .frentes .icon { color: var(--teal); }
  .frentes h3 { font-size: 1.6rem; }
  .frentes p { color: var(--muted); }
  .parceiros { background: var(--surface-2); }
  .pg { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .p { padding: 32px; }
  .p h3 { font-size: 2.2rem; color: var(--blue); margin-bottom: 10px; }
  @media (prefers-color-scheme: dark) { .p h3 { color: #8fb0ff; } }
  .p p { color: var(--muted); }
  .mail { margin-top: 24px; white-space: normal; text-align: left; word-break: break-all; }
  @media (max-width: 960px) { .frentes { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 640px) { .frentes, .pg { grid-template-columns: 1fr; } }
}