.house-dream {
	position: relative;
	width: 100%;
	height: 100dvh;
	overflow: hidden;
}

/* 1. FONDO Y CAPAS DE COLOR/DESENFOQUE */
.house-dream .bg-layer {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: var(--bg-desk);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	opacity: 1;
}

.house-dream .bg-blur {
	position: absolute;
	inset: 0 calc(100% - var(--split-pos, 50%)) 0 0;
	z-index: 2;
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	pointer-events: none;
	filter: saturate(.75);
}

.house-dream .bg-blur::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('/assets/img/patternblack.png');
	background-repeat: repeat;
	background-size: 3px 3px;
	pointer-events: none;
	opacity: .1;
	filter: invert(1);
}

.house-dream .hd-slides-container {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: auto;
}

.house-dream .hd-slide-item {
	position: absolute;
	inset: 0;
	z-index: 10;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* 2. MÁSCARA GIGANTE DE TEXTO */
.house-dream h2.tittle-mask {
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	z-index: 5 !important;
	display: block;
	font-size: 18rem;
	line-height: 1;
	font-weight: 900;
	text-align: center;
	margin: 0;
	cursor: pointer;
	
	background-image: var(--slide-bg-desk, var(--bg-desk)) !important;
	background-color: transparent !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	
	-webkit-background-clip: text !important;
	background-clip: text !important;
	
	text-shadow: none !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;

	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.3)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0.15));
	pointer-events: auto !important;
}

.house-dream h2.tittle-mask::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	z-index: 6;
	
	background: linear-gradient(90deg, transparent 0%, transparent var(--split-pos, 50%), #ffffff var(--split-pos, 50%));
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.05);
	pointer-events: none !important;
}

body.is-edit-mode .house-dream h2.tittle-mask {
	background-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-user-select: none;
	user-select: none;
}

/* 3. BLOQUE .ARTXT */
.house-dream dl.artxt {
	position: absolute !important;
	bottom: 8% !important;
	left: 5% !important;
	z-index: 50 !important;
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	color: #ffffff;
	pointer-events: auto !important;
}

.house-dream dl.artxt dt,
.house-dream dl.artxt dd,
.house-dream dl.artxt *,
body.is-edit-mode .house-dream dl.artxt * {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	pointer-events: auto !important;
}

.house-dream dl.artxt h2,
.house-dream dl.artxt h3,
.house-dream dl.artxt h4,
.house-dream dl.artxt p,
.house-dream dl.artxt span {
	color: #ffffff !important;
}

/* 4. BOTÓN REEMPLAZAR FOTO/VIDEO */
.house-dream .simple-media-edit-trigger,
body.is-edit-mode .house-dream .simple-media-edit-trigger {
	position: absolute !important;
	bottom: .75rem !important;
	right: .75rem !important;
	top: auto !important;
	left: auto !important;
	z-index: 100 !important;
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* ADAPTACIÓN MÓVIL */
@media (max-width: 768px) {
	.house-dream .bg-layer {
		background-image: var(--bg-mov);
		background-attachment: scroll !important;
	}

	.house-dream .bg-blur {
		inset: calc(100dvh - var(--split-pos, 45%)) 0 0 0;
		width: 100%;
		height: var(--split-pos, 45%);
	}

	.house-dream h2.tittle-mask {
		font-size: 3.5rem;
		top: calc(100dvh - var(--split-pos, 45%));
		transform: translateY(calc(-1 * var(--split-pos, 45%)));
		left: 0;
		width: 100%;
		background-image: var(--slide-bg-mov, var(--bg-mov)) !important;
		background-attachment: scroll !important;
		word-break: break-word;
	}

	.house-dream h2.tittle-mask::after {
		background: linear-gradient(0deg, transparent 0%, transparent calc(100% - var(--split-pos, 45%)), #ffffff calc(100% - var(--split-pos, 45%))) !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
	}

	.house-dream dl.artxt {
		position: absolute !important;
		bottom: 5dvh !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 81% !important;
		height: calc( var(--split-pos, 45%) - 10dvh) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		z-index: 50 !important;
		margin: 0 !important;
		padding: 0 !important;scrollbar-width: none !important; /* Firefox */
		}
		
		.house-dream dl.artxt::-webkit-scrollbar {
			display: none !important;
			width: 0 !important;
			height: 0 !important;
		}
	
	.house-dream dl.artxt h2 {
		width: 100% !important;
	}
}