.text-cards__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-xl);
}

.text-cards__grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--spacing-lg);
}

.text-cards__card {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
	padding: var(--spacing-xs);
	/* background: var(--cor-branco); */
	/* border: 1px solid rgba(107, 114, 128, 0.2); */
	/* box-shadow: 0 4px 5px -3px rgba(0, 0, 0, 0.1); */
}

.text-cards__image {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--radius-sm);
}

.text-cards__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Só usado no preview do editor, antes de escolher uma imagem. */
.text-cards__image--placeholder {
	background: rgba(0, 0, 0, .08);
}

.text-cards__title {
	margin: 2rem 0 1.25rem;
	color: #2f2f2f;
	font-family: var(--font-2, var(--font-1, inherit));
	font-size: var(--fs-4, 2.5rem);
	font-weight: 700;
}

.text-cards__description {
	color: #2f2f2f;
	font-size: var(--fs-7, 1.25rem);
}

@media (max-width: 991px) {
	.text-cards__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Editor: cartão com cantos arredondados (cosmético, não existe no
   frontend) — segue a regra 5 do blocks/PROMPT-BLOCOS.md. */
.text-cards-editor-wrap .text-cards__card {
	overflow: hidden;
}