/* Página /assinar (30/09/2026): o estilo base é o de estilo.css (entrar, primeiro acesso). */
.cartao.largo{max-width:560px}
.escolhas{border:0;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.escolhas legend{font:600 12px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:8px}
.escolha{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--risco);border-radius:6px;padding:12px;cursor:pointer;background:#FBFAF7}
.escolha:has(input:checked){border-color:var(--verde);background:var(--papel);box-shadow:0 0 0 1px var(--verde)}
.escolha input{margin-top:4px;accent-color:var(--verde)}
.escolha small{display:block;color:var(--tinta-3);font-size:13px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.termo{margin:6px 0 10px;font-size:14.5px}
.termo summary{cursor:pointer;color:var(--verde)}
.termo-texto{max-height:240px;overflow:auto;white-space:pre-wrap;border:1px solid var(--risco);border-radius:4px;padding:10px;margin-top:8px;font-size:13.5px;background:#FBFAF7}
.aceite{display:flex;gap:8px;align-items:center;margin:4px 0 16px;font-size:15px}
.aceite input{width:18px;height:18px;accent-color:var(--verde)}
.robo{margin:0 0 14px;min-height:65px}
.alternativas{flex-direction:column;gap:8px}
@media (max-width:520px){ .escolhas,.duas{grid-template-columns:1fr} }

/* acompanhamento do pagamento (01/10/2026): o link da fatura com cara de botão */
.passo{font:500 26px/1.2 var(--serifa);margin:4px 0 8px;color:var(--verde)}
a.botao{display:block;text-align:center;font:600 16px/1 var(--texto);background:var(--verde);color:#F8F6F1;
  border-radius:4px;padding:15px 18px;margin:10px 0 16px;text-decoration:none}
a.botao:hover{background:var(--verde-escuro)}