/* ==========================================================================
   13 · Formaciones presenciales y online (#formacion) — bloque_eventos (.bloque-150087)
   Fondo #f2f2f2, título primario y descripción centrada en .container (1110px).
   El listado de eventos del original está vacío, así que no se pinta.
   ========================================================================== */
.vf-s13 {
	background-color: var(--vf-gray-2);
}

/* Cuerpo (.col con data-aos="fade"): contexto de formato propio, como el .col flex del original */
:root .vf-s13 .vf-s13__body {
	display: flow-root;
	margin-block: 0;
	text-align: center;
	color: var(--vf-text-alt);
}

/* Huecos de los párrafos vacíos ( ) del original: 35px de línea + 20px de margen */
:root .vf-s13 .vf-s13__body--gap {
	padding-bottom: 55px;
}

:root .vf-s13 .vf-s13__body > * {
	margin-block: 20px;
	text-wrap: wrap;                   /* el original no usa «pretty» */
}

:root .vf-s13 .vf-s13__body > p {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 35px;
	color: var(--wp--preset--color--contrast);
}

:root .vf-s13 .vf-s13__body > p.vf-s13__gap {
	margin-top: 75px;
}

/* Subtítulo: h1 de 47px (alto de línea 51.7px, margen .67em) con el texto a 28px en un span */
:root .vf-s13 .vf-s13__body > h1 {
	margin-block: 31.49px;
	font-size: 47px;
	font-weight: 700;
	line-height: 51.7px;
	color: var(--vf-text-alt);
}

:root .vf-s13 .vf-s13__body > h1 > mark {
	font-size: 28px;
	line-height: 30.8px;
}

:root .vf-s13 .vf-s13__body strong {
	font-weight: 700;
}

:root .vf-s13 .vf-s13__body a {
	color: var(--wp--preset--color--contrast);
}

/* Aparición AOS «fade» (1300 ms, una vez); la clase la pone el JS de la sección */
:root .vf-s13 .vf-s13__body.vf-aos {
	opacity: 0;
	transition: opacity 1.3s ease;
}

:root .vf-s13 .vf-s13__body.vf-aos.is-visible {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	:root .vf-s13 .vf-s13__body.vf-aos {
		opacity: 1;
		transition: none;
	}
}