/*--------------------------------GALERÍA PANTALLA COMPLETA*/
.ImagenGde{
	display: none;
	position: fixed;
	z-index: 11;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	backdrop-filter: blur(30px);  
	-webkit-backdrop-filter: blur(30px);
	background-color: rgba(220,220,220,.9); /*<<<<<<<<<<<<<<<<<<<<<<<<<<Darkmode value*/
	top: 0;
	left: 0;
}
.contenedorBtnGalGde{
	display: flex;
	position:fixed;
	top: 20px;
	/*left: calc(50% - 100px);*/
	right: 20px;
	text-align: center;
	border-radius: 18px;
	width: 200px;
	padding: 3px 0;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,.5); /*<<<<<<<<<<<<<<<<<<<<<<<<<<Darkmode value*/
	box-shadow: 1px 0 8px rgba(0, 0, 0, .3);
}
#contenedorImgGde{
	position: absolute;
	/*keep aspect ratio*/
	max-height: 98%;
	max-width: 98%;
	height: auto;
	width: auto;
	/*end keep aspect ratio*/
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
    z-index: -1;
}
.contenedorImg{
    margin: auto;
}
#siguiente, #anterior, #cerrar{
	font-family: 'fira-sans'; font-family: 'fira-sans'; font-weight: 400;
	display: inline-block;
	transition: .5s;
	cursor: pointer;
	width: 50px;
	text-align: center;
	padding: 3px;
	margin: 0 auto;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	color: gray; /*<<<<<<<<<<<<<<<<<<<<<<<<<<Darkmode value*/
	background-color: silver; /*<<<<<<<<<<<<<<<<<<<<<<<<<<Darkmode value*/
}
#siguiente:hover, #anterior:hover{
	transition: .5s;
	background-color: #4c61b6;
	color: white;
}
#cerrar:hover{
	transition: .5s;
	background-color: #CA0003;
	color: white;
}
#tituloGal{
	display: block;
	position: fixed;
	top: 20px;
	/*left: calc(50% - 100px);*/
	left: 20px;
	font-family: 'fira-sans'; font-style: italic; font-weight: 700;
	font-size: 1.2em;
	padding: 5px 0;
	width: 200px;
	border-radius: 18px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: black; /*<<<<<<<<<<<<<<<<<<<<<<<<<<Darkmode value*/
	background-color: rgba(255,255,255,.5);
	box-shadow: 1px 0 8px rgba(0, 0, 0, .3);
}
@media all and (max-width : 470px){
	.contenedorBtnGalGde{top: auto; bottom: 20px; left: calc(50% - 100px);}
	#tituloGal{left: calc(50% - 100px)}
}