/* -------------- MOBILE -------------- */
.Main-titulo {
    grid-row: 1;
    grid-column: 1;
}

#Back-btn {
	display:none;
    grid-row: 1;
    grid-column: 2;
	font-family: Arial;
	font-weight: bold;
	background-color: #06325e;
	text-align: center;
	line-height: 2.5em;
	letter-spacing: 1px;
	color: #fff;
    margin-left: auto;
    width:90%;
	text-decoration: none;
}

#Selector-galerias {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(16, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
}

#Galeria-Main {
	display:none;
}

.gallery-grid {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 10px;
    align-items: stretch;
	margin-top:1em;
}

.gallery-img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.Portada-img {
	width: 100%;
}

/* -------------- TABLET VERTICAL -------------- */
@media (min-width: 600px) {
	#Selector-galerias {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(16, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
}

/* -------------- TABLET HORIZONTAL -------------- */
@media (min-width: 900px) {
    #Back-btn {
		font-size:16px;
        width:30%;
	}

	#Selector-galerias {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(12, 1fr);
	}
    
    #Back-btn:hover {
		color:rgb(39, 39, 39);
		background-color: #d81b21;
	}

	.gallery-img:hover {
		filter: brightness(1.2);
		box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
	}

	.Portada-img:hover {
		filter: brightness(1.2);
		box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
	}
}

/* -------------- PANTALLA PC -------------- */
@media (min-width: 1400px) {
	#Selector-galerias {
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(8, 1fr);
	}
}