.section {
    opacity: 0;
    transition: all 1.5s ease; /* ease-out-back */
    will-change: transform, opacity;
    perspective: 1000px;
}

/* Classi per l'entrata dal basso */
.section.from-bottom {
    transform: translateY(180px) scale(0.9);
    filter: blur(2px);
}

/* Classi per l'entrata da destra */
.section.from-right {
    transform: translateX(200px) rotate(3deg);
    filter: blur(2px);
}

/* Classi per l'entrata da sinistra */
.section.from-left {
    transform: translateX(-200px) rotate(-3deg);
    filter: blur(2px);
}

.section.show {
    opacity: 1;
    transform: translateY(0) translateX(0) rotate(0) scale(1);
    filter: blur(0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.section.hide-up {
    opacity: 0;
    transform: translateY(-180px) scale(0.9);
    filter: blur(2px);
}

.section.hide-down {
    opacity: 0;
    transform: translateY(180px) scale(0.9);
    filter: blur(2px);
}

.section.hide-left {
    opacity: 0;
    transform: translateX(-200px) rotate(-3deg);
    filter: blur(2px);
}

.section.hide-right {
    opacity: 0;
    transform: translateX(200px) rotate(3deg);
    filter: blur(2px);
}