/**
 * Home/Countdown de campanha — Figma 260:1738.
 * Fundo ink · padding 32/24 · itens centralizados, gap 16 (linha) / 32 (coluna), quebram em linhas.
 * Título Heading Medium 24 surface · descrição Body 16 line.
 * Blocos 72×72 surface, raio radius-card, número 24/600 ink + unidade Caption ink-muted, gap 8.
 * Botão: Fundamentos/Botão simple brand.
 */

.cdw-campanha {
	background: var(--wp--preset--color--ink);
}

.cdw-campanha__conteiner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--space-16) var(--wp--preset--spacing--space-32);
	max-width: var(--wp--custom--layout--container-max);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--space-32) var(--wp--preset--spacing--space-24);
}

.cdw-campanha__texto {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-4);
}

.cdw-campanha__titulo {
	margin: 0;
	color: var(--wp--preset--color--surface);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.5rem;
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.2;
}

.cdw-campanha__descricao {
	margin: 0;
	color: var(--wp--preset--color--line);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-campanha__tempo {
	display: flex;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-campanha__bloco {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--space-4);
	width: 72px;
	height: 72px;
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface);
}

.cdw-campanha__numero {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.5rem;
	font-weight: var(--wp--custom--weight--heavy);
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
}

.cdw-campanha__unidade {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

@media (max-width: 781px) {
	.cdw-campanha__conteiner {
		flex-direction: column;
		padding-inline: var(--wp--preset--spacing--space-16);
		text-align: center;
	}
}

/* Desktop: maior que no Figma (pedido do usuário: a seção estava "muito pequena na tela").
   Figma: altura 136 · título 24 · descrição 16 · blocos 72×72 · número 24 · unidade 14 · botão 50.
   Agora: altura 184 · título 24→32 (Heading Medium) · descrição 18→20 (Body Large) · blocos 88×88 ·
   número 24→32 · unidade 16 · botão 60. Cabe numa linha a partir de 1200 px de largura. No celular (< 782 px) fica como estava, para os 4 blocos caberem. */
@media (min-width: 782px) {
	.cdw-campanha__conteiner {
		gap: var(--wp--preset--spacing--space-16) var(--wp--preset--spacing--space-32);
		padding-block: var(--wp--preset--spacing--space-48);
	}

	.cdw-campanha__texto {
		gap: var(--wp--preset--spacing--space-8);
	}

	.cdw-campanha__titulo {
		font-size: var(--wp--preset--font-size--heading-md);
		line-height: 1.2;
	}

	.cdw-campanha__descricao {
		font-size: var(--wp--preset--font-size--body-lg);
	}

	.cdw-campanha__tempo {
		gap: var(--wp--preset--spacing--space-16);
	}

	.cdw-campanha__bloco {
		width: 88px;
		height: 88px;
		gap: var(--wp--preset--spacing--space-4);
	}

	.cdw-campanha__numero {
		font-size: var(--wp--preset--font-size--heading-md);
	}

	.cdw-campanha__unidade {
		font-size: var(--wp--preset--font-size--label);
	}

	.cdw-campanha .cdw-botao {
		min-height: 60px;
		padding-inline: var(--wp--preset--spacing--space-32);
		font-size: var(--wp--preset--font-size--body-lg);
	}
}