/* ==========================================================================
   Sección 09 · Biografía 2 (bloque_texto 151388)
   Original: .bg.bloque-texto, fila a sangre col-lg-8 (.text, padding 0 6%) +
   col-lg-4 (imagen bg_cover), padding 50px arriba y abajo, fondo #f7f7f7.
   ========================================================================== */
:root .vf-s09 {
	background-color: var(--vf-gray-1);
}

/* Columna de texto: 20px arriba/abajo = márgenes del primer y último <p> del original;
   6% del ancho de la fila a los lados, también en móvil */
:root .vf-s09 .vf-textcol {
	padding: 20px 6%;
}

/* 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-s09 .vf-textcol p {
	line-height: 1.5;
	text-wrap: wrap;
}

/* Imagen «cover»: llena el alto de la fila en escritorio (vf-cover-img del theme) */
:root .vf-s09 .vf-imgcol .wp-block-image img {
	display: block;
}

@media (max-width: 991.98px) {
	/* Apilada: imagen a todo el ancho con su proporción natural, como en el original */
	:root .vf-s09 .vf-imgcol .vf-cover-img,
	:root .vf-s09 .vf-imgcol .vf-cover-img img {
		height: auto;
	}
}

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

:root .vf-s09.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-s09.vf-fade-ready > .wp-block-columns > .wp-block-column {
		opacity: 1;
		transition: none;
	}
}