/* Aire lateral y cierre inferior para todas las fichas de proyecto. */
.single-featured_item .portfolio-top > .page-wrapper.row {
	box-sizing: border-box;
	padding-right: clamp(28px, 5vw, 96px) !important;
	padding-bottom: clamp(56px, 7vw, 104px) !important;
	padding-left: clamp(28px, 5vw, 96px) !important;
}

/* Evita que el contenido editorial vuelva a tocar el borde de su columna. */
.single-featured_item .portfolio-top .large-9.col {
	padding-left: clamp(18px, 2.2vw, 36px) !important;
	padding-right: clamp(18px, 2.2vw, 36px) !important;
}

/* Mantiene una lectura ordenada en todas las descripciones de proyectos. */
.single-featured_item .portfolio-top .large-9.col .wpb_text_column p {
	text-align: justify !important;
}

/*
 * Separa el contenido editorial de sus imagenes y videos. El margen se aplica
 * al bloque completo para que una fila con varias columnas conserve un unico
 * espacio de 24 px arriba y abajo.
 */
.single-featured_item #portfolio-content > .wpb_single_image,
.single-featured_item #portfolio-content > .wpb_video_widget,
.single-featured_item #portfolio-content > figure.wp-block-image,
.single-featured_item #portfolio-content > .gallery,
.single-featured_item #portfolio-content > .wp-caption,
.single-featured_item #portfolio-content > p > img:only-child,
.single-featured_item #portfolio-content > p > a:only-child > img,
.single-featured_item #portfolio-content > video,
.single-featured_item #portfolio-content > .wpb-content-wrapper > .wpb_single_image,
.single-featured_item #portfolio-content > .wpb-content-wrapper > .wpb_video_widget,
.single-featured_item #portfolio-content > .wpb-content-wrapper > figure.wp-block-image,
.single-featured_item #portfolio-content > .wpb-content-wrapper > .gallery,
.single-featured_item #portfolio-content > .wpb-content-wrapper > .wp-caption,
.single-featured_item #portfolio-content > .wpb-content-wrapper > p > img:only-child,
.single-featured_item #portfolio-content > .wpb-content-wrapper > p > a:only-child > img,
.single-featured_item #portfolio-content > .wpb-content-wrapper > video,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > .wpb_single_image,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > .wpb_video_widget,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > figure.wp-block-image,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > .gallery,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > .wp-caption,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > p > img:only-child,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > p > a:only-child > img,
.single-featured_item #portfolio-content > .portfolio-inner > .wpb-content-wrapper > video {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

@supports selector(.vc_row:has(.wpb_single_image)) {
	.single-featured_item #portfolio-content .vc_row:has(
		.wpb_single_image,
		.wpb_video_widget,
		.wpb_gallery,
		figure.wp-block-image,
		.gallery,
		.wp-caption,
		img,
		iframe,
		video
	) {
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	/* El aire pertenece a la fila; no se multiplica dentro de sus columnas. */
	.single-featured_item #portfolio-content .vc_row:has(
		.wpb_single_image,
		.wpb_video_widget,
		.wpb_gallery,
		figure.wp-block-image,
		.gallery,
		.wp-caption,
		img,
		iframe,
		video
	) .wpb_content_element {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

/* Navegacion anterior/siguiente: aire propio y titulos mas discretos. */
.single-featured_item .portfolio-bottom .next-prev-nav {
	box-sizing: border-box;
	gap: clamp(18px, 2.5vw, 40px);
	padding: clamp(24px, 3vw, 44px) clamp(28px, 5vw, 96px) !important;
}

.single-featured_item .portfolio-bottom .next-prev-nav a {
	font-size: clamp(18px, 1.45vw, 23px) !important;
	line-height: 1.35 !important;
}

.single-featured_item .portfolio-bottom .next-prev-nav .flex-col {
	min-width: 0;
}

/*
 * Las miniaturas relacionadas comparten una proporcion cuadrada. De este
 * modo una portada vertical fuera de la vista no aumenta la altura completa
 * del carrusel ni deja un falso bloque blanco antes del pie.
 */
.single-featured_item .portfolio-related .box-image {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.single-featured_item .portfolio-related .box-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

@media only screen and (max-width: 849px) {
	.single-featured_item .portfolio-top > .page-wrapper.row {
		padding-right: 20px !important;
		padding-bottom: 52px !important;
		padding-left: 20px !important;
	}

	.single-featured_item .portfolio-top .large-9.col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.single-featured_item .portfolio-bottom .next-prev-nav {
		gap: 14px;
		padding: 22px 20px !important;
	}

	.single-featured_item .portfolio-bottom .next-prev-nav a {
		font-size: 16px !important;
	}
}