/* Página pública de cadastro de apoiadores (link da liderança ou da campanha) */
.cartao--cadastro { width: min(30rem, 100%); }
.cad-estado { display: grid; justify-items: center; gap: var(--sc-3); padding: var(--sc-6) 0; color: var(--sc-ink-soft); text-align: center; }
.cad-estado .cartao__titulo { color: var(--sc-ink); }
.giro { width: 34px; height: 34px; border-radius: 50%; border: 2px solid rgba(244, 245, 250, 0.12); border-top-color: var(--sc-accent); animation: giro 900ms linear infinite; }
@keyframes giro { to { transform: rotate(360deg); } }
#form-cad { display: grid; gap: var(--sc-4); }
#form-cad .cartao__sub { margin-bottom: 0; }
.cad-selo { margin: 0 0 var(--sc-2); font-size: var(--sc-t-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--sc-accent); }
.cad-dupla { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--sc-3); }
.campo input[type="date"] { color-scheme: dark; }
.cad-temas { border: 0; margin: 0; padding: 0; }
.cad-temas legend { padding: 0; margin-bottom: var(--sc-2); font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
.cad-temas .chips span { font-size: var(--sc-t-xs); padding: 6px 12px; }
#form-cad .aceite { margin-top: 0; }
.cad-privacidade { margin: 0; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); text-align: center; }
.cad-pronto { display: grid; gap: var(--sc-3); }
.cad-pronto .cartao__sub { margin-bottom: var(--sc-2); }
.cad-convide { margin: var(--sc-2) 0; font-size: var(--sc-t-sm); }
.cad-link { display: flex; gap: var(--sc-2); }
.cad-link input {
  flex: 1; min-width: 0; height: 2.75rem; padding: 0 1rem; border-radius: var(--sc-r-pill);
  background: color-mix(in oklab, #07070A 60%, transparent); border: 1px solid var(--sc-hairline-strong); color: var(--sc-ink); font-size: var(--sc-t-sm);
}
.cad-whats { display: grid; place-items: center; text-decoration: none; margin-top: var(--sc-2); }
.cad-qr { justify-self: center; margin-top: var(--sc-3); padding: 10px; background: #F4F5FA; border-radius: var(--sc-r-md); line-height: 0; }
.cad-qr svg { width: 168px; height: 168px; display: block; }
.cad-rodape { margin: 0; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
.cad-rodape a { color: var(--sc-ink); }
@media (max-width: 420px) { .cad-dupla { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .giro { animation-duration: 2.4s; } }
.pg-cadastro .cartao__titulo { line-height: 1.15; text-wrap: balance; }