/* CHECKOUT (C2) — o formulário de cartão e os avisos de cobrança.
 *
 * Arquivo próprio, e não mais uma seção em 14_faturamento.css: a folha do
 * faturamento é da fatia F31 (assinatura, faturas, planos) e continua sendo
 * mexida por lá. Misturar as duas transformaria qualquer ajuste de layout numa
 * disputa de merge entre duas frentes.
 */

.cartao-campos[hidden] { display: none; }

.cartao-campos {
  display: grid;
  gap: var(--esp-3);
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  margin-top: var(--esp-3);
  padding-top: var(--esp-3);
  border-top: 1px solid var(--cor-borda);
}

.cartao-campos__largo { grid-column: 1 / -1; }

/* O aviso de que o número não fica guardado. É informação de confiança, não
 * enfeite: quem digita cartão quer saber para onde ele vai. */
.cartao-aviso {
  grid-column: 1 / -1;
  margin: 0;
  font-size: var(--texto-sm);
  color: var(--cor-texto-suave);
}

.cartao-salvo {
  display: flex;
  align-items: center;
  gap: var(--esp-2);
  font-size: var(--texto-sm);
}

.cobranca-recusada {
  border-left: 3px solid var(--cor-perigo, #b3261e);
  padding-left: var(--esp-3);
  font-size: var(--texto-sm);
}