.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:7px;grid-row-gap:7px;margin:auto;max-width:90vw;width:1178px}.item1{grid-area:1/1/5/3}.item2{grid-area:1/3/3/5}.item3{grid-area:5/1/7/3}.item4{grid-area:3/3/7/5}.item{position:relative}.item>img{left:0;object-fit:cover;position:absolute;top:0}.overlay{align-items:center;background:rgba(138,163,208,.86);display:flex;flex-direction:column;height:100%;justify-content:flex-end;opacity:0;position:relative;transition:.5s ease;visibility:hidden;width:100%}.overlay__content{padding:10%}.gallery img{height:100%;width:100%}.superpuesta{opacity:.6;position:absolute;width:100%;z-index:1}.overlay__content img{height:auto;width:100px}.overlay__content h3{color:#fff;text-align:left;text-transform:uppercase}.overlay__content p{color:#fff;text-align:center;text-align:left}.item1:hover .overlay,.item2:hover .overlay,.item3:hover .overlay,.item4:hover .overlay{opacity:1;visibility:visible}@media screen and (max-width:1024px){.grid-container{max-width:80%;max-width:90%}}@media screen and (max-width:768px){.gallery{overflow:hidden;padding:0 0 0 36px}.grid-container{grid-column-gap:unset;grid-row-gap:unset;align-items:stretch;display:flex;gap:1rem;grid-template-columns:unset;grid-template-rows:unset;justify-content:flex-start;margin:0;max-width:100svw;overflow-x:scroll;overflow-y:hidden;padding:0;scroll-snap-type:x mandatory}.item,.item1,.item2,.item3,.item4{grid-area:unset}.item{align-items:stretch;display:flex;flex-direction:column;height:auto;justify-content:stretch;margin:0;min-height:100%;min-width:280px;scroll-snap-align:start;width:100%}.item:last-child{margin-right:72px}.item .overlay{background:linear-gradient(0deg,rgba(138,163,208,.86),transparent);opacity:1;visibility:visible}.overlay__content{padding:0 10%}.overlay__content h3{letter-spacing:2.72px;margin:10px 0}.gallery img{height:35%;object-fit:cover}.item .overlay{background:#365372;height:100%;overflow:hidden}.overlay__content p{font-size:16px}.overlay__content{padding:20px 15px}.overlay__content img{height:auto;width:80px}.gallery .item>img{height:280px;min-height:280px;object-fit:cover;position:relative;width:100%}}@media screen and (max-width:476px){.item{min-width:75svw}}@media screen and (max-width:400px){.item{min-width:80svw}}