/*==================================================
GALERIA
==================================================*/

#galeria{

    background:#f8f9fc;

    padding:120px 0;

}

.galeria-slider{

    position:relative;

    display:flex;

    align-items:center;

}

.galeria-track{

    display:flex;

    gap:28px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scrollbar-width:none;

    padding:10px 5px;

}

.galeria-track::-webkit-scrollbar{

    display:none;

}

.galeria-item{

    min-width:420px;

    max-width:420px;

    border-radius:18px;

    overflow:hidden;

    background:#fff;

    box-shadow:0 12px 35px rgba(0,0,0,.10);

    transition:.35s;

    flex-shrink:0;

}

.galeria-item:hover{

    transform:translateY(-8px);

}

.galeria-item img{

    width:100%;

    height:320px;

    object-fit:contain;

    background:#f5f5f5;

    cursor:pointer;

    transition:.35s;

}

.galeria-item:hover img{

    transform:scale(1.05);

}

.galeria-legenda{

    padding:24px;

    background:#fff;

}

.galeria-legenda h3{

    color:var(--azul);

    margin-bottom:12px;

    font-size:1.35rem;

}

.galeria-legenda p{

    color:#666;

    line-height:1.8;

}

.galeria-btn{

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:var(--azul);

    color:#fff;

    cursor:pointer;

    transition:.30s;

    z-index:10;

}

.galeria-btn:hover{

    background:var(--laranja);

}

.galeria-btn.prev{

    margin-right:18px;

}

.galeria-btn.next{

    margin-left:18px;

}

.sem-registros{

    text-align:center;

    color:#666;

    padding:50px;

}

/*==================================================
RESPONSIVO
==================================================*/

@media(max-width:991px){

    .galeria-item{

        min-width:300px;

    }

}

@media(max-width:768px){

    #galeria{

        padding:90px 0;

    }

    .galeria-item{

        min-width:260px;

    }

    .galeria-item img{

        height:200px;

    }

    .galeria-btn{

        display:none;

    }

}

/*==================================================
LIGHTBOX
==================================================*/

#lightbox{

    display:none;

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.92);

    justify-content:center;

    align-items:center;

    z-index:9999;

    cursor:zoom-out;

}

#lightboxImagem{

    max-width:92%;

    max-height:90%;

    border-radius:14px;

    box-shadow:0 25px 60px rgba(0,0,0,.45);

    animation:zoomLightbox .25s ease;

}

#fecharLightbox{

    position:absolute;

    top:30px;

    right:40px;

    font-size:2.2rem;

    color:#fff;

    cursor:pointer;

    transition:.25s;

}

#fecharLightbox:hover{

    color:var(--laranja);

    transform:scale(1.15);

}

@keyframes zoomLightbox{

    from{

        transform:scale(.85);

        opacity:0;

    }

    to{

        transform:scale(1);

        opacity:1;

    }

}