/* @group Images Row - Overfloating Text
------------------------------------ */
.images-row-overfloating-text {
	--heightImages: 50rem;
	--overlayMultimedia: var(--overlayColor);
	--paddingBox: 3rem 5rem;
}
.images-row-overfloating-text .box-wrapper {
	position: relative;
	height: var(--heightImages);
	padding: var(--paddingBox);
}
.images-row-overfloating-text .box-wrapper .bp-multimedia {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: var(--z-index-lowest);
}
.images-row-overfloating-text .box-wrapper .bp-multimedia::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--overlayMultimedia);
	z-index: var(--z-index-lowest);
}
.images-row-overfloating-text .box-wrapper .text-wrapper {
	z-index: calc(var(--z-index-lowest) + 1);
}
@media only screen
and (min-width : 961px) {
	.images-row-overfloating-text .box-wrapper {
		flex: 1 1 50%;
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.images-row-overfloating-text .box-wrapper {
		width: 100%;
	}
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contenedor.animateActive .elemento {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}


/* Editor
------------------------------------ */
:where(.editor-styles-wrapper) .images-row-overfloating-text .row > .block-editor-inner-blocks > .block-editor-block-list__layout {
	flex-wrap: wrap;
}
:where(.editor-styles-wrapper) .images-row-overfloating-text .box-wrapper {
	flex: 0 1 50%;
	--paddingBox: 0;
}
:where(.editor-styles-wrapper) .images-row-overfloating-text .box-wrapper .bp-multimedia {
	pointer-events: all;
}
:where(.editor-styles-wrapper) .images-row-overfloating-text .box-wrapper .text-wrapper {
	padding-top: 10rem;
}