/* Basesul v101 — refinamentos da página institucional. */

/* O encerramento não possui imagem ou ilustração lateral. Por isso, título,
   explicação e ações compartilham um único eixo central. */
.about-page-v56 main .about53-closing > .container.about53-closing-grid {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  width: min(calc(100% - 48px), 760px) !important;
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  gap: 22px;
  text-align: center !important;
}

.about-page-v56 .about53-closing h2 {
  max-width: 720px;
  margin: 0 auto;
}

.about-page-v56 .about53-closing-side {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-page-v56 .about53-closing-side > p {
  max-width: 600px;
  margin: 0 auto 28px;
}

.about-page-v56 .about53-actions {
  justify-content: center;
}

/* O novo enquadramento privilegia a curva da fachada e o térreo, sem cortar
   o edifício de forma arbitrária dentro do card. */
.about-page-v56 .about53-project-image-moov {
  object-position: 50% 48%;
}

/* A chamada do rodapé começa na mesma linha da marca. A regra anterior
   alinhava as duas colunas pela base e fazia o link parecer solto. */
footer.site-footer .footer-intro {
  align-items: start;
}

footer.site-footer .footer-intro-side {
  padding-top: 0;
}

@media (max-width: 760px) {
  .about-page-v56 main .about53-closing > .container.about53-closing-grid {
    width: min(calc(100% - 40px), 680px) !important;
    gap: 18px;
  }

  .about-page-v56 .about53-actions {
    gap: 22px;
  }
}