/* =========================================================================
   Seção: formulário RD Station.

   DECISÃO: o formulário do RD NÃO recebe estilo do tema.

   A versão anterior sobrescrevia inputs, labels e botão com ~36 !important
   para forçá-lo no tema escuro. Isso era frágil por natureza: o RD injeta
   o HTML em runtime, com marcação e classes que podem mudar a qualquer
   atualização do embed, sem aviso. Toda mudança lá quebraria o estilo aqui
   — e quebraria em produção, no formulário que capta os leads.

   Em vez disso: o formulário é entregue como o RD o desenhou, sobre um
   painel claro. Quem controla a aparência é quem controla a marcação —
   o construtor do RD, onde o time de marketing pode ajustar sem deploy.

   O único CSS que resta aqui é do painel e do texto ao redor: território
   do tema, não do embed.
   ====================================================================== */

.formulario-rd__grid {
	display: grid;
	gap: var(--sp-10);
	grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
	align-items: start;
}

.formulario-rd__texto {
	color: var(--text-muted);
	font-size: clamp(1rem, .97rem + .3vw, 1.125rem);
	margin-top: var(--sp-5);
}

.formulario-rd__aviso {
	margin-top: var(--sp-8);
	font-size: var(--fs-xs);
	color: var(--text-subtle);
	max-width: 46ch;
}

/* --- Painel do formulário — TRANSPARENTE ---------------------------------
   O tema não estiliza o embed do RD. Com o painel transparente, toda a
   aparência do formulário vem do construtor do RD Station, onde o time de
   marketing ajusta sem deploy.

   Se o texto ficar ilegível sobre o fundo escuro, o ajuste é lá — o tema
   deixou de impor cor de propósito.

   min-height reserva o espaço antes do embed renderizar, evitando o salto
   de layout (CLS) quando o RD injeta o formulário. */

.formulario-rd__caixa {
	background: transparent;
	border: 1px solid var(--line);
	padding: var(--sp-8);
	min-height: 420px;
}

.formulario-rd__estado {
	color: var(--text-subtle);
	font-size: var(--fs-sm);
	margin: 0;
}

.formulario-rd__estado.is-erro { color: var(--error); }
.formulario-rd__estado a { color: var(--brand-soft); }

@media (max-width: 600px) {
	.formulario-rd__caixa { padding: var(--sp-5); min-height: 360px; }
}