/**
 * CUGA Posts relacionados — estilos del módulo (spec Figma).
 * Sin padding propio (convención del proyecto: el margen fluido lo aporta
 * el contenedor raíz de Elementor donde se inserte el widget).
 */

.cuga-related-posts {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cuga-related-posts__item {
	margin: 0 0 32px;
}

.cuga-related-posts__item:last-child {
	margin-bottom: 0;
}

.cuga-related-posts a.cuga-related-posts__link {
	color: var(--Verde, #8acbbb);
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-decoration-line: underline;
    text-decoration-thickness: .04em;
    text-underline-offset: .24em;
}

.cuga-related-posts a.cuga-related-posts__link:hover {
    text-decoration: none !important;
}

/* Icono de flecha vía ::after (en vez de un <svg> aparte en el marcado):
 * al ser el último contenido en línea del enlace, si el título ocupa
 * varias líneas el icono queda pegado al final del texto en la última
 * línea, en vez de comportarse como un elemento flex independiente. */
.cuga-related-posts .cuga-related-posts__link::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 6px;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.10618 10.8953L-0.00177532 9.78738L8.23686 1.53453H1.87322L1.88743 0.000443459H10.8789V9.00613H9.33061L9.34482 2.64249L1.10618 10.8953Z' fill='%238ACBBB'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}