/**
 * Home/Texto institucional — Figma 260:1817 / 270:14174.
 *
 * Desktop: fundo surface-alt de ponta a ponta · padding 48/24 · gap 16
 *   título Heading Medium 24 · texto Body 16 ink-muted, largura máx. 760
 *   "Leia mais" Label 16 (500) brand-text sublinhado, área de toque 44.
 * Mobile (< 782px): padding 32/16.
 */

.cdw-texto {
	background: var(--wp--preset--color--surface-alt);
}

.cdw-texto__conteiner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--space-16);
	max-width: var(--wp--custom--layout--container-max);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--space-48) var(--wp--preset--spacing--space-24);
}

.cdw-texto__corpo {
	max-width: 760px;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-texto__corpo p {
	margin: 0;
}

.cdw-texto__corpo p + p {
	margin-top: var(--wp--preset--spacing--space-16);
}

.cdw-texto__link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	text-decoration: underline;
	text-underline-position: from-font;
}

@media (max-width: 781px) {
	.cdw-texto__conteiner {
		padding: var(--wp--preset--spacing--space-32) var(--wp--preset--spacing--space-16);
	}

	/* Figma 270:14174: no celular o texto para em 4 linhas com reticências e o "Leia mais" leva ao resto.
	   Só recorta quando há o link — sem ele o texto aparece inteiro. */
	.cdw-texto__corpo:has(+ .cdw-texto__link) {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		line-clamp: 4;
	}

	.cdw-texto__corpo:has(+ .cdw-texto__link) p + p {
		margin-top: 0;
	}
}