/* Tela de cadastro self-service - reaproveita tokens do style.css (Outfit/Manrope, navy #0f172a, verde #22c55e) */

.lista-beneficios { list-style: none; padding: 0; margin: 0 0 24px; }
.lista-beneficios li {
  font-size: 14px; color: #cbd5e1; padding: 10px 0;
  border-bottom: 1px solid #1e293b;
}
.lista-beneficios li:last-child { border-bottom: none; }

.link-entrar { color: #22c55e; text-decoration: none; font-weight: 600; }

.plano-card {
  display: block; position: relative; padding: 16px; margin-bottom: 12px;
  background: #1e293b; border: 2px solid #334155; border-radius: 14px; cursor: pointer;
}
.plano-card input { position: absolute; top: 16px; right: 16px; }
.plano-card:has(input:checked) { border-color: #22c55e; background: #14532d33; }
.plano-card-topo { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; padding-right: 28px; }
.plano-card-topo b { font-family: 'Outfit', sans-serif; font-size: 18px; }
.plano-preco { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 700; color: #22c55e; }
.plano-preco span { font-size: 11px; font-weight: 400; color: #94a3b8; }
/* Preco cheio riscado ao lado do promocional (14/09/2026): o motorista tem
   que ver de quanto e o desconto que esta levando, nao so o valor final. */
.plano-preco .preco-cheio { font-size: 13px; font-weight: 400; color: #94a3b8; margin-right: 4px; }
.plano-promo { margin: -4px 0 10px; font-size: 12px; font-weight: 600; color: #fbbf24; }
.plano-card ul { margin: 0; padding: 0 0 0 18px; font-size: 13px; color: #94a3b8; }
.plano-card li { margin-bottom: 3px; }

.modo-opcao-desabilitada { opacity: 0.45; cursor: not-allowed; }

.resumo-cadastro {
  text-align: center; background: #1e293b; border-radius: 14px; padding: 20px; margin-bottom: 16px;
}
.codigo-gerado {
  font-family: 'Outfit', sans-serif; font-size: 32px; font-weight: 700; letter-spacing: 0.08em;
  color: #22c55e; margin: 8px 0; padding: 10px; background: #0f172a; border-radius: 10px;
}
.aviso-pagamento {
  background: #7c2d1233; border: 1px solid #7c2d12; color: #fed7aa;
  font-size: 13px; padding: 14px; border-radius: 12px; margin-bottom: 16px; line-height: 1.5;
}