/********************** Lightbox CSS INICIO ***********************/

/* Lightbox */

#lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85); /* Recomiendo 0.85 */
    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.25s;
    z-index:9999;
}

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

#lightbox img{
    max-width:90vw;
    max-height:90vh;
    border-radius:6px;
    box-shadow:0 0 25px rgba(0,0,0,.5);

    transform:scale(.9);
    transition:.25s;
}

#lightbox.active img{
    transform:scale(1);
}

/********************** Lightbox CSS FIN ***********************/