/* Animazioni allo scroll */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Overlay gradiente della sezione principale */
.hero-overlay {
    background: linear-gradient(to bottom, rgba(44, 34, 30, 0.6) 0%, rgba(44, 34, 30, 0.8) 100%);
}

/* Sfumatura direttamente sul testo dell'anteprima */
.text-fade {
    -webkit-mask-image: linear-gradient(to bottom, black 45%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 45%, transparent 100%);
}

/* Effetto zoom sulle immagini */
.img-zoom-container {
    overflow: hidden;
}

.img-zoom {
    transition: transform 0.5s ease;
}

.img-zoom-container:hover .img-zoom {
    transform: scale(1.08);
}