/*
 * Caixa de destaque (Figma: "Contagem de adoções", "Padrinhos", "Como funciona").
 * Estilo de grupo "Caixa de destaque".
 */

.is-style-pna-destaque {
	overflow: hidden;
	border: var(--wp--custom--border--medium) solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--medium);
	background-color: var(--wp--preset--color--background);
	text-align: center;
}

.is-style-pna-destaque > * {
	margin-block: 0;
}

.is-style-pna-destaque .wp-block-heading {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) 0;
	font-size: var(--wp--preset--font-size--large);
	text-transform: uppercase;
}

/* Faixa inferior (ex.: "000 adoções desde o início"). */
.is-style-pna-destaque .pna-destaque__rodape {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	background-color: var(--wp--preset--color--primary-tint);
	color: var(--wp--preset--color--primary-text);
	font-weight: 700;
}

/* Contador de adoções (bloco pna/contador-adocoes). */
.pna-contador__hoje {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding-block: var(--wp--preset--spacing--30);
}

.pna-contador__rotulo {
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 800;
}