/* Card da Assinatura Orbum logo abaixo do card de compra, nas páginas dos cursos que fazem
   parte dela (Guilherme, 03/11/2026: opção C da rodada três, com a logo da assinatura no
   alto). Logo, cinco capas, a pergunta, uma frase e o botão laranja do Orbum. O laranja é
   fixo e não segue o acento de cada página, para o botão não parecer um segundo botão de
   compra do curso. */
.convite-orbum {
  max-width: 430px; margin: 18px auto 0; padding: 22px 18px 18px;
  background: radial-gradient(120% 80% at 50% 0, rgba(255, 106, 31, .2), transparent 70%), #16131a;
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 18px;
  color: #fff; text-align: center;
}
.convite-orbum-logo { display: block; width: 200px; max-width: 64%; height: auto; margin: 0 auto 14px; }

/* As cinco capas vêm de assets/convite-orbum.js. */
.convite-orbum-capas { display: flex; justify-content: center; gap: 7px; margin: 0 0 14px; }
.convite-orbum-capas img {
  flex: 0 1 52px; min-width: 0; width: 52px; height: auto; aspect-ratio: 300 / 580;
  border: 1px solid rgba(255, 255, 255, .14); border-radius: 6px; background: #141414;
}

.convite-orbum-titulo { margin: 0 0 6px; font-size: 1.05rem; line-height: 1.3; font-weight: 800; color: #fff; }
.convite-orbum-texto { margin: 0 0 16px; font-size: .88rem; line-height: 1.5; color: #cfc7ba; }

.convite-orbum-cta {
  display: block; text-align: center; text-decoration: none;
  padding: 12px 16px; border-radius: 30px; background: #ff6a1f;
  color: #1d0b00; font-size: .9rem; font-weight: 800; line-height: 1.2;
  transition: background .2s ease;
}
.convite-orbum-cta:hover, .convite-orbum-cta:focus-visible { background: #ff8340; }