/* R3K Consorcios — Lote 01
   Correcoes isoladas: Perfis, Explore (ordem no HTML) e tipografia de Investidores. */

/* Perfis: cinco cartoes equilibrados no desktop, sem colisoes ou vazios acidentais. */
#perfis .profile-composition {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: auto;
  align-items: stretch;
  gap: 12px;
  padding: 30px 0 22px;
  margin-bottom: 38px;
  border-top: 1px solid var(--gold);
}

#perfis .profile-composition::after {
  display: none;
}

#perfis .profile-composition span,
#perfis .profile-composition span:nth-child(n) {
  grid-area: auto;
  justify-self: stretch;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-height: 94px;
  margin: 0;
  padding: 16px 10px;
  transform: none;
  border: 1px solid rgba(24, 42, 87, .12);
  background: rgba(255, 255, 255, .76);
  color: #182a57;
  font-size: clamp(.82rem, 1.12vw, 1.08rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .075em;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 13px 30px rgba(19, 35, 70, .055);
}

/* Investidores: a pergunta dourada segue a familia tipografica da pagina. */
#investidores .prose > p:first-child,
#investidores .prose > p:first-child strong {
  font-family: Manrope, "DM Sans", Arial, sans-serif;
  font-style: normal;
}

@media (max-width: 1020px) {
  #perfis .profile-composition {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #perfis .profile-composition span,
  #perfis .profile-composition span:nth-child(n) {
    min-height: 82px;
    white-space: normal;
  }

  #perfis .profile-composition span:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  #perfis .profile-composition {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-top: 22px;
  }

  #perfis .profile-composition span:last-child {
    grid-column: auto;
  }
}