/* --------------------------  GALERIA DE IMAGENES  ------------------------ */

.galeria, .galeria_ws2022, .galeria_tarragona {
	height: calc( var(--h) + 1em);
	width: var(--w);
	position: relative;
	display: inline-block;
    text-align: center;
}
.galeria img, .galeria_ws2022 img, .galeria_tarragona img {
	position: absolute;
	top: 0;
    left: 0;
	opacity: 0;
	transition: opacity 1s;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
}
.galflechas1 {
	text-align: center;
	width: 100%;
}
.galflechas2 {
	text-align: center;
	width: 30%;
	display: inline-block;
}
.flechagal {
	display: inline;
	cursor: pointer !important;
	margin: 0px 0px 8px 0px;
}
.galflechas2 img:first-child {
	float: left;
}
.galflechas2 img:last-child {
	float: right;
}
.galmedidas {
	--w: 860px;
	--h: 445px;
}
.galeria_ws2022 {
	--w: 400px;
	--h: 400px;
}
.galeria_ws2022 img {
    left: 200px;
}
.galeria_tarragona {
	--w: 560px;
	--h: 460px;
}
.galeria_tarragona img {
    left: 150px;
}

/* ------------------------------------------------------------------------- */
/* -----------------------  SET DE TAMAÑOS RESPONSIVE  --------------------- */

/* -------------------  Entre 1030px - 941px (iPad Pro)  ------------------- */
@media (max-width: 1030px) {
    .galeria_ws2022 img {
        left: 135px;
    }
    .galeria_tarragona img {
        left: 210px;
    }
}
/* -------------------------  Entre 940px - 811px  ------------------------- */
@media (max-width: 940px) {
    .galeria_tarragona img {
        left: 165px;
    }
}
/* -------------------------  Entre 830px - 771px (iPad Air)  ------------------------- */
@media (max-width: 830px) {
    .galeria_ws2022 img {
        left: 70px;
    }
    .galeria_tarragona img {
        left: 105px;
    }
}
/* ----------------------  Entre 770px - 741px (iPad)  --------------------- */
@media (max-width: 770px) {
	.galmedidas {
		--w: 726px;
		--h: 376px;
	}
    .galeria_ws2022 img {
        left: 165px;
    }
    .galeria_tarragona img {
        left: 85px;
    }
}
/* ---------------  Entre 740px - 671px (iPhone PLUS Rotate)  -------------- */
@media (max-width: 740px) {
	.galmedidas {
		--w: 694px;
		--h: 359px;
	}
    .galeria_ws2022 img {
        left: 150px;
    }
    .galeria_tarragona img {
        left: 85px;
    }
}
/
/* -------------------------  Entre 670px - 546px  ------------------------- */
@media (max-width: 670px) {
}
/* ------------------  Entre 600px - 396px (Base Moviles) ------------------ */
@media (max-width: 600px) {
    .galmedidas {
        --w: 0px !important;
        --h: 205px !important;
	}
    .galeria {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: content-box !important;
    }
    .galflechas2 {
        width: 50%;
    }
    .galeria_tarragona {
        --w: 0px !important;
        --h: 330px !important;
    }
    .galeria_tarragona img {
        left: 0px;
    }
    
    /*
	.galeria, .galeria_ws2022 {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		position: static !important;
	}
	.galeria img, .galeria_ws2022 img {
		position: static !important;
		opacity: 1 !important;
		margin: 6px 0px;
	}
	.galflechas1, galflechas2 {
		display: none !important;
	}
    */
}
/* ------------------  Entre 420px - 396px (iPhone 12 Pro)  ----------------- */
@media (max-width: 420px) {
    .galeria_tarragona {
        --h: 315px !important;
    }
}
/* ------------------  Entre 395px - 381px (iPhone 12 Pro)  ----------------- */
@media (max-width: 395px) {
    .galmedidas {
        --h: 192px !important;
	}
    .galflechas2 {
        width: 55%;
    }
    .galeria_tarragona {
        --h: 295px !important;
    }
}
/* ------------------  Entre 380px - 366px (iPhone 6/7/8)  ----------------- */
@media (max-width: 380px) {
    .galmedidas {
        --h: 185px !important;
	}
    .galflechas2 {
        width: 56%;
    }
    .galeria_tarragona {
        --h: 290px !important;
    }
}
/* --------------------  Entre 365px - 326px (Galaxy S5) ------------------- */
@media (max-width: 365px) {
    .galmedidas {
        --h: 181px !important;
	}
    .galflechas2 {
        width: 57%;
    }
    .galeria_tarragona {
        --h: 280px !important;
    }
}
/* ----------------------  Menos de 325px (iPhone 5/SE) -------------------- */
@media (max-width: 325px) {
    .galmedidas {
        --h: 162px !important;
	}
    .galflechas2 {
        width: 59%;
    }
    .galeria_tarragona {
        --h: 250px !important;
    }
}