.marbella.wrapper-full{
	    background-color: #fcf4f0;
}

/*imagenes de marbella*/
.imagen-larga {
	position: relative;
	margin: 90px 0px 140px;
}

.img_special_1 { 
	width: 20%;
	border: 8px  solid #ffffff;
	box-shadow: 0 1px 3px #00000063;
	position: absolute;
	top: -15%;
	left: 7%;
	z-index: 1;
	aspect-ratio: 14 / 9;
}

.img_special_2 {
	width: 20%;
    border: 8px solid #ffffff;
    box-shadow: 0 1px 3px #00000063;
    position: absolute;
    top: 78%;
    left: 72%;
    z-index: 1;
	object-fit: cover;
    aspect-ratio: 14 / 9;
}

@media (max-width: 750px) {
	.img_special_2 {
		width: 45%;
		left: 52%;
	}
	.img_special_1 {
		width: 48%;
		top: -7%;
	}
}

/*mini-imágenes sultan*/
.img_sultan_1 {
	    width: 35%;
    border: 8px solid #ffffff;
    box-shadow: 0 1px 3px #00000063;
    position: absolute;
    top: 5%;
    left: 3%;
    z-index: 1;
    aspect-ratio: 14 / 9;
}

.img_sultan_2 {
	width: 35%;
	border: 8px  solid #ffffff;
	box-shadow: 0 1px 3px #00000063;
	position: absolute;
	top: 67%;
	display: none;
	left: 66%;
	z-index: 1;
	aspect-ratio: 14 / 9;
}

.img_monarque_1 {
	width: 35%;
	border: 8px  solid #ffffff;
	box-shadow: 0 1px 3px #00000063;
	position: absolute;
	z-index: 1;
	left: 5%;
	display: none;
	top: -20%;
	aspect-ratio: 14 / 9;
}

.img_monarque_2 {
	width: 35%;
    border: 8px solid #ffffff;
    box-shadow: 0 1px 3px #00000063;
    position: absolute;
    z-index: 1;
    left: 62%;
    top: 67%;
    aspect-ratio: 14 / 9;
}

.elemento {
	position: relative;
	z-index: 1;
}

.marbella {
	.contenedor {
		display: flex;
		align-items: center;
		height: 700px;
	}
	
	.titulo-header {
		position: relative;
		z-index: 1;
		padding: 0 6%;
	}
	
	.wrap-img img { /*img mapa marbella*/
		height: 700px;
		object-fit: cover;
		position: absolute;
		inset: 0;
		min-height: 700px;
		animation: opacity-video 1.8s ease-in-out;
	}
	
	.icono3 { /*Texto superior destino marbella*/
	                -webkit-text-stroke: 0 !important;
	}
	.icono3 span {
		font-family: "Barlow", sans-serif;
        font-size: 21px;
        line-height: 3;
        font-weight: 600;
		-webkit-text-stroke: 0px;
		color: #f1f1f1;
	}

	.gridmarb { 
		display: flex;
		flex-direction: column-reverse;
		padding-top: 2rem;
		padding-bottom: 2rem;
		width: 80%;
		margin: 0 auto;
		gap: 50px;
	}
	
	.elemento { /*contenedor que contiene las imagenes de los hoteles*/
		width: 100%;
	    padding: 60px 0px 49px;
	}
	
	.elemento img { 
		aspect-ratio: 16/9;
		object-fit: cover;
		margin-bottom: 20px;
	}

	.elemento2  { /*primer hotel*/
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
  		justify-content: center;	
	}
	.elemento3  {  /*segundo hotel*/
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
  		justify-content: center;
	}
	.elemento2 h2 .elemento3 h2 {
		text-transform: uppercase;		
		letter-spacing: 6px;	
		font-weight: 400;
		text-transform: uppercase;	
	}
	.elemento2 h3, .elemento3 h3 {
		letter-spacing: 2px;
		font-weight: 200;
	}	
	
	
	
}

@media (max-width: 1200px) {
	.marbella{
		.img_monarque_1 {
			width: 28%;
			border: 8px  solid #ffffff;
			box-shadow: 0 1px 3px #00000063;
			position: absolute;
			z-index: 1;
			left: 73%;
			top: 79%;
			aspect-ratio: 14 / 9;
		}
		.img_sultan_1 {
			width: 35%;
            border: 8px solid #ffffff;
            box-shadow: 0 1px 3px #00000063;
            position: absolute;
            top: 2%;
            left: 2%;
            z-index: 1;
		}
		.img_monarque_2 {
			width: 35%;
            border: 8px solid #ffffff;
            box-shadow: 0 1px 3px #00000063;
            position: absolute;
            z-index: 1;
            left: 57%;
            top: 66%;
            aspect-ratio: 14 / 9;
		}
		.img_sultan_2 {
			width: 35%;
			border: 4px  solid #ffffff;
			box-shadow: 0 1px 3px #00000063;
			position: absolute;
			top: 69%;
			left: 68%;
			z-index: 1;
			aspect-ratio: 14 / 9;
		}
		.gridmarb {
			width: 100%;
		}
		.elemento2 {
			margin: 0;
			grid-row: 1;
		}
		
	}
}

@media (max-width: 750px) {
	.imagen-larga {
		padding: 0;
		
		.prueba {
			aspect-ratio: 6 / 8;
			object-fit: cover;
		}
	}
	.imagen-larga-1 {
		aspect-ratio: 9/12;
	}
	.marbella {
		.icono3 {
			font-size: 340%;		
		}
		.text-intro p {
			text-align: left;
		}
		.img_special_1 {
			width: 35%;
            border: 4px solid #ffffff;
            box-shadow: 0 1px 3px #00000063;
            position: absolute;
            top: -16px;
            left: 16px;
            z-index: 1;
            aspect-ratio: 14 / 9;
		}
		.img_special_2 {
			width: 35%;
            border: 4px solid #ffffff;
            box-shadow: 0 1px 3px #00000063;
            position: absolute;
            top: 56%;
            left: 62%;
            z-index: 1;
            aspect-ratio: 14 / 9;
			top: 80%;
            right: 204px;
		}
		.img_sultan_1 {
				width: 40%;
				border: 4px solid #ffffff;
				box-shadow: 0 1px 3px #00000063;
				position: absolute;
				top: 9%;
				left: 4%;
				z-index: 1
		}
		.icono3 {
			font-size: 57px;
		}
    	.gridmarb {
			width: 100%;
		}
		.img_monarque_2 {
			width: 35%;
            border: 4px solid #ffffff;
            box-shadow: 0 1px 3px #00000063;
            position: absolute;
            z-index: 1;
            left: 60%;
            top: 64%;
		}
		.img_sultan_1 {
			width: 35%;
            border: 4px solid #ffffff;
            box-shadow: 0 1px 3px #00000063;
            position: absolute;
            top: 10%;
            left: 4%;
            z-index: 1;
		}
	}
}

