/* LIGHTBOX */
.lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9999;
}

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

.lightbox-img{
    max-width:90%;
    max-height:85%;
    border-radius:10px;
    box-shadow:0 20px 60px rgba(0,0,0,0.5);
    animation:zoom .3s ease;
}

@keyframes zoom{
    from{transform:scale(0.8); opacity:0;}
    to{transform:scale(1); opacity:1;}
}

/* BOTÃO FECHAR */
.lightbox .close{
    position:absolute;
    top:25px;
    right:35px;
    font-size:40px;
    color:white;
    cursor:pointer;
}

/* SETAS */
.lightbox .nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:50px;
    color:white;
    cursor:pointer;
    padding:10px;
    user-select:none;
}

.lightbox .prev{ left:30px; }
.lightbox .next{ right:30px; }

.lightbox .nav:hover,
.lightbox .close:hover{
    color:#f5a623;
}