body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/background.webp');
	background-repeat: repeat;
	background-size: auto;
	opacity: 1;
	pointer-events: none;
	z-index: 0; /* Fondo más bajo */
	user-select: none;
	-webkit-user-drag: none;
}

iframe {
	position: relative; /* Necesario para que z-index funcione */
	z-index: 0; /* Más alto que ::before */
}

.wrapper {
	position: relative;
	z-index: 0;
}

.wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url('') repeat;
	z-index: -1;
}

.wrapper2 {
	z-index: 3;
}