/* Comum às páginas da Fase 2c (Contact, Order, Rewards, Links): selo de dado pendente. */
.pcg-pendente { display: inline-grid; gap: 6px; justify-items: start; }
.pcg-btn--pendente { cursor: not-allowed; opacity: .72; border-style: dashed; }
.pcg-btn--ouro.pcg-btn--pendente { background: transparent; color: var(--ouro-vivo); border-color: var(--ouro); }
.pcg-btn--pendente:active { transform: none; }
.pcg-pendente__nota {
  /* mesmo selo do "Date to confirm" da timeline (our-story.css .tl__selo): dado provisorio = contorno tracejado.
     Dourado cheio fica para status real ("Coming soon"). */
  font: 700 .6875rem/1 var(--f-texto); letter-spacing: .08em; text-transform: uppercase;
  color: var(--ouro-vivo); border: 1px dashed var(--ouro); padding: 5px 8px; border-radius: 2px;
}
/* centrado no desktop tambem (padrao do site); dentro de cartao de grade o selo segue o cartao (a esquerda) */
.pcg-pendente { justify-items: center; }
.pcg-cartao .pcg-pendente { justify-items: start; }
@media (max-width: 899.98px) { .pcg-cartao .pcg-pendente { justify-items: center; } }