/**
 * Normalização do item de listing do quiz (ícone da letra + texto da opção)
 * Container: .elementor-element-3a6c25b
 *
 * Se este container for duplicado em outro template, o ID muda — nesse caso,
 * adicione uma classe CSS fixa (ex: quiz-opcao-row) no painel Advanced >
 * CSS Classes do Elementor e substitua o seletor abaixo por essa classe.
 */

/* Desktop (padrão) */
.elementor-element-3a6c25b .jet-listing-dynamic-field,
.elementor-element-3a6c25b .jet-listing-dynamic-field__inline-wrap,
.elementor-element-3a6c25b .jet-listing-dynamic-field__content {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.letra {
	display: block;
	width: 32px;
	height: 32px;
}

.elementor-element-3a6c25b > .elementor-widget {
	padding: 8px;
	margin: 0;
}

/* Mobile — sobrescreve só o necessário */
@media (max-width: 767px) {
	.elementor-element-3a6c25b.e-con {
		align-items: center;
	}

	.letra {
		width: 24px;
		height: 24px;
	}
}

/* Widescreen — ícone em tamanho original (135px) */
@media (min-width: 2160px) {
	.letra {
		width: 135px;
		height: 135px;
	}
}