/* ==========================================================
   CIVITAS (#civitas): o que é Civitas (e por que Civitas)
   Logo depois da abertura. As partes ficam lado a lado no computador e uma embaixo da outra no celular; com
   uma parte só, ela fica centralizada.
   ========================================================== */
.civitas-partes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: clamp(32px, 6vw, 96px); max-width: 1040px; margin: var(--espaco-4) auto 0; }
.civitas-parte p { margin-top: var(--espaco-3); font-size: 19px; line-height: 1.6; color: var(--texto-suave); }
.civitas-parte:only-child { max-width: 700px; margin: 0 auto; text-align: center; }
@media (max-width: 760px) {
  .civitas-parte p { font-size: 17px; }
}