#gridFotos img{
    cursor:pointer;
}

#lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.95);

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:99999;

    opacity:0;
    visibility:hidden;

    transition:.25s ease;
}

#lightbox.active{
    opacity:1;
    visibility:visible;
}

#lbContent{
    width:100%;
    height:100%;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;
}

#lightboxImg{
    max-width:95vw;
    max-height:95vh;

    object-fit:contain;

    user-select:none;
    -webkit-user-drag:none;

    transition:transform .25s ease;
}

#lbClose{
    position:absolute;
    top:20px;
    right:20px;

    width:48px;
    height:48px;

    border:none;
    background:none;

    color:white;
    font-size:3rem;
    cursor:pointer;
}

.lb-nav{
    position:absolute;
    top:50%;

    transform:translateY(-50%);

    width:60px;
    height:60px;

    border:none;
    border-radius:50%;

    background:rgba(255,255,255,.15);
    color:white;

    font-size:2rem;
    cursor:pointer;

    backdrop-filter:blur(5px);
}

#lbPrev{
    left:20px;
}

#lbNext{
    right:20px;
}

@media(max-width:768px){

    .lb-nav{
        width:50px;
        height:50px;
    }

    #lbPrev{
        left:10px;
    }

    #lbNext{
        right:10px;
    }
}