@charset "UTF-8";

/*En la seccion de fotos*/
.container {
	background-image: -ms-linear-gradient(90deg, rgba(238,178,239,0.59) 0%, rgba(163,115,224,1.00) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(238,178,239,0.59) 0%, rgba(163,115,224,1.00) 100%);
	background-image:-moz-linear-gradient( 90deg, rgba(238,178,239,0.59) 0%, rgba(163,115,224,1.00) 100%);
	box-sizing: border-box;
	display: grid;
	grid-gap: 18px;
	grid-template-columns: repeat(5,1fr);
	padding-bottom: 2px;
	padding-top:1px;
	padding: 60px 60px 50px 60px;
	width: 100%;
    grid-auto-rows:350px;
}
.gallery-item{
	width: 100%;
	height: 100%;
	position: relative;
}
.gallery-item .image{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.gallery-item .image img {
	cursor:pointer;
	height: 100%;
	object-fit: cover;
	object-position:50% 30%;
	transition: transform 0.25s;
	width: 100%;
}

.gallery-item:hover .image img {
	transform: scale(0.9);
}
.w-2{
	grid-column: span 2;
}
.w-3{
	grid-column: span 3;
}
.w-4{
	grid-column: span 4;
}
.w-5{
	grid-column: span 5;
}


.h-1{
	grid-row: span 1;
}
.h-2{
	grid-row: span 2;
}
.h-3{
	grid-row: span 3;
}
.h-4{
	grid-row: span 4;
}


.full-img {
	background: rgba(0, 0, 0, 0.8);
	display:none;
	inset: 0;
	justify-content: center;
	position:fixed;
	z-index: 100;
}

.full-img img {
	border-radius: 25px;
	height: 800px;
	max-width: 1000px;
	object-fit:cover;
	object-position: center;
	padding:90px;
	position: fixed;
}

.full-img .closer {
	align-items: center;
	background: #7c4dab;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 34px;
	justify-content: center;
	position: absolute;
	right: 6%;
	top: 6%;
	width: 34px;
}

.full-img .closer:hover {
	filter: brightness(1.25);
}

.full-img .closer svg {
	height: 12px;
	width: 12px;
}

@media only screen and (max-width: 768px){
.container {
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
}
.gallery-container, .w-1, .w-2, .w-3, .w-4, .w-5 {
    grid-column: span 1;
    grid-row: span 1;
}
}

@media screen and (max-width: 500px){
.container {
    grid-template-columns: repeat(1,1fr);
}
}