/* Assume fundo escuro (defina em "Fundo", no painel do bloco) — mesmo
   raciocínio do Banner: texto sempre branco, sem variante clara. */
.diferenciais {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--spacing-md, 64px);
}

.diferenciais__intro {
	flex: 1 1 650px;
	max-width: 650px;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

.diferenciais__title {
	color: var(--cor-texto);
	font-family: var(--font-2, var(--font-1, inherit));
	font-size: clamp(var(--fs-4, 1.5rem), 4vw, var(--fs-2, 3.125rem));
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

.diferenciais__description {
	color: var(--cor-texto);
	font-size: var(--fs-4, 1.5rem);
	line-height: 1.4;
	margin: 0;
}

.diferenciais__stats {
	flex: 1 1 420px;
	max-width: 590px;
	display: flex;
	flex-direction: column;
}

.diferenciais__stat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--spacing-md);
	padding: var(--spacing-md) 0;
}

.diferenciais__stat:first-child {
	padding-top: 0;
}

.diferenciais__stat:last-child {
	padding-bottom: 0;
}

.diferenciais__stat:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.diferenciais__stat-main {
	flex: 0 0 auto;
	min-width: 160px;
}

.diferenciais__stat-number {
	display: flex;
	align-items: center;
	gap: 2px;
	color: var(--cor-texto);
	font-family: var(--font-2, var(--font-1, inherit));
	font-size: var(--fs-2, 2.25rem);
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

.diferenciais__stat-label {
	color: var(--cor-texto);
	font-size: var(--fs-7, 1rem);
	margin: 4px 0 0;
}

.diferenciais__stat-description {
	flex: 1 1 220px;
	color: var(--cor-texto);
	font-size: var(--fs-7, 1rem);
	line-height: 1.3;
	margin: 0;
}

@media (max-width: 1199px) {
	.diferenciais {
		justify-content: center;
	}

	.diferenciais__stats {
		flex: 1 1 650px;
		max-width: 650px;
	}
}

@media (max-width: 991px) {
	.diferenciais__stat-description {
		flex-basis: 100%;
	}
}

@media (max-width: 767px) {
	.diferenciais {
		gap: var(--spacing-xl);
	}

	.diferenciais__stat {
		flex-direction: column;
		gap: var(--spacing-xs);
	}
}

/* Editor: repetidor com todos os itens visíveis de uma vez (não precisa de
   navegação tipo Banner — cabem os 3-4 itens típicos na tela). Cada campo
   inline (RichText) precisa de um contorno tracejado sutil pra dar pra
   distinguir onde clicar, já que não tem placeholder visual próprio como
   um <input>. */
.diferenciais-editor .diferenciais__stat-number {
	align-items: center;
}

.diferenciais-editor .diferenciais__stat-number input {
	width: 90px;
}