/* style.css */
.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.53), rgba(0, 0, 0, 0.695)), url('midias/br-rio-de-janeiro.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.gallery-fade-in {
    animation: fadeInScale 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

#lightbox button .material-symbols-outlined {
    position: relative;
    top: 0px; 
}

.gallery-item-exit {
    opacity: 0 !important;
    transform: scale(0.95);
    transition: opacity 0.4s ease-in, transform 0.4s ease-in;
}

.gallery-fade-in {
    opacity: 0; 
    animation-fill-mode: forwards;
}

#lightbox-img {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transform: scale(1);
}

.lightbox-image-swapping {
    opacity: 0 !important;
    transform: scale(0.97) !important;
}

@media (max-width: 1024px) {
    .hero-bg {
        background-attachment: scroll;
    }
}