/* ==========================================================================
   Sección 08 · «Conóceme» (bloque_texto 150078, ancla #conoceme)
   Original: .bg.bloque-texto, fila a sangre col-lg-4 (imagen bg_contain) +
   col-lg-8 (.text, padding 0 6%), padding 0 arriba / 50px abajo, fondo blanco.
   ========================================================================== */
:root .vf-s08 {
	background-color: var(--wp--preset--color--base);
}

/* Columna de texto: en el original el .text no tiene padding vertical
   («eliminar márgenes») y 6% del ancho de la fila a los lados, también en móvil */
:root .vf-s08 .vf-textcol {
	padding: 0 6% 20px; /* 20px = margen inferior del último <p> del original */
}

/* Título alineado a la izquierda (text-left), margen 10px 0 45px (60px en móvil, theme) */
:root .vf-s08 .vf-textcol > .vf-title {
	text-align: left;
	margin-top: 10px;
}

/* Párrafos: 20px / 30px como el original; corte de línea normal
   (Twenty Twenty-Five pone text-wrap: pretty y cambia los saltos de línea) */
:root .vf-s08 .vf-textcol p {
	line-height: 1.5;
	text-wrap: wrap;
}

:root .vf-s08 .vf-textcol > .vf-title {
	text-wrap: wrap;
}

/* Imagen «contain»: ocupa el ancho de la columna y queda centrada en vertical */
:root .vf-s08 .vf-imgcol {
	align-self: center;
}

:root .vf-s08 .vf-imgcol .wp-block-image {
	margin: 0;
}

:root .vf-s08 .vf-imgcol .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 991.98px) {
	:root .vf-s08 .vf-imgcol {
		align-self: auto;
	}
}

/* Aparición en fade (AOS «fade», 1000 ms); la clase la pone 08-texto-biografia.js */
:root .vf-s08.vf-fade-ready > .wp-block-columns > .wp-block-column {
	opacity: 0;
}

:root .vf-s08.vf-fade-ready.vf-in > .wp-block-columns > .wp-block-column {
	opacity: 1;
	/* la transición solo al aparecer: si el JS marca la sección ya visible (carga con #ancla),
	   se oculta al instante y entra en fade, sin parpadeo de salida */
	transition: opacity 1s ease;
}

@media (prefers-reduced-motion: reduce), print {
	:root .vf-s08.vf-fade-ready > .wp-block-columns > .wp-block-column {
		opacity: 1;
		transition: none;
	}
}