/**
 * Painel de confirmação — substitui o formulário depois do envio.
 *
 * Herda do tema o que der (fonte, cor de texto) e traz só o mínimo para não
 * parecer um bloco solto. As cores vêm de variáveis, então dá para adaptar à
 * identidade do escritório sem tocar neste arquivo:
 *
 *     :root {
 *         --adv-ouro:  #c9a227;
 *         --adv-tinta: #0f1521;
 *     }
 */

.adv-confirmacao {
	--adv-ouro: #c9a227;
	--adv-ouro-fosco: #8a6d1f;
	--adv-tinta: #0f1521;
	--adv-fraco: #6b7280;

	text-align: center;
	padding: 34px 22px 26px;
	animation: adv-surge .4s ease both;
}

@keyframes adv-surge {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: none; }
}

/* Losango com o "V" dentro — o mesmo desenho da proposta. */
.adv-confirmacao__marca {
	position: relative;
	width: 42px;
	height: 42px;
	margin: 0 auto 22px;
	border: 1px solid var(--adv-ouro);
	transform: rotate(45deg);
}

.adv-confirmacao__marca::after {
	content: '';
	position: absolute;
	left: 11px;
	top: 9px;
	width: 9px;
	height: 18px;
	border-right: 1.5px solid var(--adv-ouro-fosco);
	border-bottom: 1.5px solid var(--adv-ouro-fosco);
}

.adv-confirmacao h3 {
	font-size: clamp(24px, 4vw, 32px);
	line-height: 1.2;
	color: var(--adv-tinta);
	margin: 0 0 12px;
}

.adv-confirmacao p {
	max-width: 48ch;
	margin: 0 auto 14px;
	color: var(--adv-fraco);
	line-height: 1.7;
}

.adv-confirmacao__protocolo {
	margin-top: 22px !important;
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--adv-ouro-fosco) !important;
}

.adv-confirmacao__protocolo strong {
	color: var(--adv-tinta);
	font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
	.adv-confirmacao { animation: none; }
}