/*!
 * Hello Elementor Child - Entrance Animations
 * Version: 1.0.0
 * Description: Animazioni di entrata per logo e claim nella home page
 */

/* =============================================================================
   ANIMAZIONI DESKTOP (Default)
   ============================================================================= */

#hero-home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: var(--e-global-color-primary);
    z-index: 9999;
    opacity: 1;
    animation: hideGrayOverlay 3s ease-out 0.5s forwards;
}
.skip-entrance-animations #hero-home::before {
    visibility: hidden !important;
}
@keyframes hideGrayOverlay {
    0% { opacity: 1; }
    20% { opacity: 1; }
    100% { opacity: 0; visibility: hidden;}
}

.show-entrance-animations .hide-home {
    animation: ElementEntrance 1.5s ease-in-out 4s forwards;
    opacity: 0; /* Inizialmente nascosto per l'animazione */
    will-change:  opacity; /* Ottimizza le prestazioni */
}
/* Animazione per il logo: comparsa al centro e spostamento in alto */
@keyframes ElementEntrance {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Animazione per il logo: comparsa al centro e spostamento in alto */
@keyframes logoEntrance {
    0% {
        opacity: 0;
        transform: translate(0%, 25vh) scale(1.6);
    }
    15% {
        opacity: 1;
        transform: translate(0%, 25vh) scale(1.6); /* Appare velocemente al centro */
    }
    75% {
        opacity: 1;
        transform: translate(0%, 25vh) scale(1.6); /* Pausa lunga al centro */
    }
    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1); /* Sale nella posizione finale */
    }
}
/* Stile per il wrapper del logo */
.show-entrance-animations .entrance-animation-icon {
    animation: logoEntrance 2.5s ease-in-out 2s forwards;
    opacity: 0;
    will-change: transform, opacity; 
    transform: translate(0%, 25vh) scale(1.6);
}

/* Animazione per "Spumanti" - da destra-alto verso sinistra-basso */
@keyframes ClaimEntranceLeft {
    0% {
        opacity: 0;
        transform: translate(calc(100% - 6rem), -30vh) scale(1.5);
    }
    15% {
        opacity: 1;
        transform: translate(calc(100% - 6rem), -30vh) scale(1.5); /* Appare a destra-alto */
    }
    75% {
        opacity: 1;
        transform: translate(calc(100% - 6rem), -30vh) scale(1.5); /* Pausa a destra-alto */
    }
    100% {
        opacity: 1;
        /* Movimento diagonale verso posizione finale */
        transform: translate(0, 0) scale(1);
    }
}

/* Animazione per "Classico" - da sinistra-alto verso destra-basso */
@keyframes ClaimEntranceRight {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 6rem), -30vh) scale(1.5);
    }
    15% {
        opacity: 1;
        transform: translate(calc(-100% + 6rem), -30vh) scale(1.5); /* Appare a sinistra-alto */
    }
    75% {
        opacity: 1;
        transform: translate(calc(-100% + 6rem), -30vh) scale(1.5); /* Pausa a sinistra-alto */
    }
    100% {
        opacity: 1;
        /* Movimento diagonale verso posizione finale */
        transform: translate(0, 0) scale(1);
        }
}

/* Animazione per "Metodo" - da centro-alto verso centro-basso */
@keyframes ClaimEntranceCenter {
    0% {
        opacity: 0;
        transform: translate(0%, -30vh) scale(1.5);
    }
    15% {
        opacity: 1;
        transform: translate(0%, -30vh) scale(1.5); /* Appare al centro-alto */
    }
    75% {
        opacity: 1;
        transform: translate(0%, -30vh) scale(1.5); /* Pausa al centro-alto */
    }
    100% {
        opacity: 1;
        /* Solo movimento verticale verso il basso */
        transform: translate(0, 0) scale(1);
        }
}
/* Applicazione delle animazioni combinate */
.show-entrance-animations .entrance-animation-claim .spumanti {
    animation: ClaimEntranceLeft 2.5s ease-out 2s forwards;
    will-change: left, transform, opacity;
    transform: translate(calc(100% - 6rem), -30vh) scale(1.5);
    opacity: 0; 
}

.show-entrance-animations .entrance-animation-claim .metodo {
    animation: ClaimEntranceCenter 2.5s ease-out 2s forwards;
    will-change: transform, opacity;
    position: relative; /* Rimane nel flusso normale */
    transform: translate(0%, -30vh) scale(1.5);
    opacity: 0; 
}

.show-entrance-animations .entrance-animation-claim .classico {
    animation: ClaimEntranceRight 2.5s ease-out 2s forwards;
    will-change: right, transform, opacity;
    transform: translate(calc(-100% + 6rem), -30vh) scale(1.5);
    opacity: 0;
}



/* =============================================================================
   VERSIONI RESPONSIVE
   ============================================================================= */

@media (min-width: 1700px) {
    /* Animazione per il logo: comparsa al centro e spostamento in alto */
    @keyframes logoEntrance {
        0% {
            opacity: 0;
            transform: translate(0%, 30vh) scale(2);
        }
        15% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(2); /* Appare velocemente al centro */
        }
        75% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(2); /* Pausa lunga al centro */
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1); /* Sale nella posizione finale */
        }
    }
    /* Stile per il wrapper del logo */
    .show-entrance-animations .entrance-animation-icon {
        animation: logoEntrance 2.5s ease-in-out 2s forwards;
        opacity: 0;
        will-change: transform, opacity; 
        transform: translate(0%, 30vh) scale(2);
    }

    /* Animazione per "Spumanti" - da destra-alto verso sinistra-basso */
    @keyframes ClaimEntranceLeft {
        0% {
            opacity: 0;
            transform: translate(calc(100% - 2rem), -35vh) scale(2);
        }
        15% {
            opacity: 1;
            transform: translate(calc(100% - 2rem), -35vh) scale(2); /* Appare a destra-alto */
        }
        75% {
            opacity: 1;
            transform: translate(calc(100% - 2rem), -35vh) scale(2); /* Pausa a destra-alto */
        }
        100% {
            opacity: 1;
            /* Movimento diagonale verso posizione finale */
            transform: translate(0, 0) scale(1);
        }
    }

    /* Animazione per "Classico" - da sinistra-alto verso destra-basso */
    @keyframes ClaimEntranceRight {
        0% {
            opacity: 0;
            transform: translate(calc(-100% + 2rem), -35vh) scale(2);
        }
        15% {
            opacity: 1;
            transform: translate(calc(-100% + 2rem), -35vh) scale(2); /* Appare a sinistra-alto */
        }
        75% {
            opacity: 1;
            transform: translate(calc(-100% + 2rem), -35vh) scale(2); /* Pausa a sinistra-alto */
        }
        100% {
            opacity: 1;
            /* Movimento diagonale verso posizione finale */
            transform: translate(0, 0) scale(1);
            }
    }

    /* Animazione per "Metodo" - da centro-alto verso centro-basso */
    @keyframes ClaimEntranceCenter {
        0% {
            opacity: 0;
            transform: translate(0%, -35vh) scale(2);
        }
        15% {
            opacity: 1;
            transform: translate(0%, -35vh) scale(2); /* Appare al centro-alto */
        }
        75% {
            opacity: 1;
            transform: translate(0%, -35vh) scale(2); /* Pausa al centro-alto */
        }
        100% {
            opacity: 1;
            /* Solo movimento verticale verso il basso */
            transform: translate(0, 0) scale(1);
            }
    }
    /* Applicazione delle animazioni combinate */
    .show-entrance-animations .entrance-animation-claim .spumanti {
        animation: ClaimEntranceLeft 2.5s ease-out 2s forwards;
        will-change: left, transform, opacity;
        transform: translate(calc(100% - 2rem), -35vh) scale(2);
        opacity: 0; 
    }

    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: ClaimEntranceCenter 2.5s ease-out 2s forwards;
        will-change: transform, opacity;
        position: relative; /* Rimane nel flusso normale */
        transform: translate(0%, -35vh) scale(2);
        opacity: 0; 
    }

    .show-entrance-animations .entrance-animation-claim .classico {
        animation: ClaimEntranceRight 2.5s ease-out 2s forwards;
        will-change: right, transform, opacity;
        transform: translate(calc(-100% + 2rem), -35vh) scale(2);
        opacity: 0;
    }
}


@media (max-width: 1366px) {
    
    /* Logo ottimizzato per laptop standard */
    @keyframes logoEntranceStandardLaptop {
        0% {
            opacity: 0;
            transform: translate(0%, 30vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Claims - animazioni diagonali per laptop standard */
    @keyframes ClaimEntranceLeftStandardLaptop {
        0% {
            opacity: 0;
            transform: translate(calc(100% - 7rem), -27vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(calc(100% - 7rem), -27vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(calc(100% - 7rem), -27vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceRightStandardLaptop {
        0% {
            opacity: 0;
            transform: translate(calc(-100% + 7rem), -27vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(calc(-100% + 7rem), -27vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(calc(-100% + 7rem), -27vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceCenterStandardLaptop {
        0% {
            opacity: 0;
            transform: translate(0%, -27vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(0%, -27vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(0%, -27vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Applicazione animazioni standard laptop */
    .show-entrance-animations .entrance-animation-icon {
        animation: logoEntranceStandardLaptop 2.5s ease-in-out 2s forwards;
        transform: translate(0%, 30vh) scale(1.5);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .spumanti {
        animation: ClaimEntranceLeftStandardLaptop 2.5s ease-out 2s forwards;
        transform: translate(calc(100% - 7rem), -27vh) scale(1.5);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .classico {
        animation: ClaimEntranceRightStandardLaptop 2.5s ease-out 2s forwards;
        transform: translate(calc(-100% + 7rem), -27vh) scale(1.5);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: ClaimEntranceCenterStandardLaptop 2.5s ease-out 2s forwards;
        transform: translate(0%, -27vh) scale(1.5);
        opacity: 0;
    }
}


@media (max-width: 1024px) {
    
    /* Logo ottimizzato per schermi quasi desktop */
    @keyframes logoEntranceSmallLaptop {
        0% {
            opacity: 0;
            transform: translate(0%, 30vh) scale(1.4);
        }
        15% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(1.4);
        }
        75% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(1.4);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Claims - animazioni diagonali per schermi quasi desktop */
    @keyframes ClaimEntranceLeftSmallLaptop {
        0% {
            opacity: 0;
            transform: translate(calc(100% - 10.5rem), -35vh) scale(1.4);
        }
        15% {
            opacity: 1;
            transform: translate(calc(100% - 10.5rem), -35vh) scale(1.4);
        }
        75% {
            opacity: 1;
            transform: translate(calc(100% - 10.5rem), -35vh) scale(1.4);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceRightSmallLaptop {
        0% {
            opacity: 0;
            transform: translate(calc(-100% + 10.5rem), -35vh) scale(1.4);
        }
        15% {
            opacity: 1;
            transform: translate(calc(-100% + 10.5rem), -35vh) scale(1.4);
        }
        75% {
            opacity: 1;
            transform: translate(calc(-100% + 10.5rem), -35vh) scale(1.4);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceCenterSmallLaptop {
        0% {
            opacity: 0;
            transform: translate(0%, -35vh) scale(1.4);
        }
        15% {
            opacity: 1;
            transform: translate(0%, -35vh) scale(1.4);
        }
        75% {
            opacity: 1;
            transform: translate(0%, -35vh) scale(1.4);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Applicazione animazioni small laptop */
    .show-entrance-animations .entrance-animation-icon {
        animation: logoEntranceSmallLaptop 2.5s ease-in-out 2s forwards;
        transform: translate(0%, 30vh) scale(1.4);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .spumanti {
        animation: ClaimEntranceLeftSmallLaptop 2.5s ease-out 2s forwards;
        transform: translate(calc(100% - 10.5rem), -35vh) scale(1.4);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .classico {
        animation: ClaimEntranceRightSmallLaptop 2.5s ease-out 2s forwards;
        transform: translate(calc(-100% + 10.5rem), -35vh) scale(1.4);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: ClaimEntranceCenterSmallLaptop 2.5s ease-out 2s forwards;
        transform: translate(0%, -35vh) scale(1.4);
        opacity: 0;
    }
}

@media (max-width: 992px) {
    
    /* Logo ottimizzato per schermi medi */
    @keyframes logoEntranceLargeTablet {
        0% {
            opacity: 0;
            transform: translate(0%, 30vh) scale(1.3);
        }
        15% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(1.3);
        }
        75% {
            opacity: 1;
            transform: translate(0%, 30vh) scale(1.3);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Claims - animazioni diagonali per schermi medi */
    @keyframes ClaimEntranceLeftLargeTablet {
        0% {
            opacity: 0;
            transform: translate(calc(100% - 10.5rem), -34vh) scale(1.3);
        }
        15% {
            opacity: 1;
            transform: translate(calc(100% - 10.5rem), -34vh) scale(1.3);
        }
        75% {
            opacity: 1;
            transform: translate(calc(100% - 10.5rem), -34vh) scale(1.3);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceRightLargeTablet {
        0% {
            opacity: 0;
            transform: translate(calc(-100% + 10.5rem), -34vh) scale(1.3);
        }
        15% {
            opacity: 1;
            transform: translate(calc(-100% + 10.5rem), -34vh) scale(1.3);
        }
        75% {
            opacity: 1;
            transform: translate(calc(-100% + 10.5rem), -34vh) scale(1.3);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceCenterLargeTablet {
        0% {
            opacity: 0;
            transform: translate(0%, -34vh) scale(1.3);
        }
        15% {
            opacity: 1;
            transform: translate(0%, -34vh) scale(1.3);
        }
        75% {
            opacity: 1;
            transform: translate(0%, -34vh) scale(1.3);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Applicazione animazioni large tablet */
    .show-entrance-animations .entrance-animation-icon {
        animation: logoEntranceLargeTablet 2.5s ease-in-out 2s forwards;
        transform: translate(0%, 30vh) scale(1.3);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .spumanti {
        animation: ClaimEntranceLeftLargeTablet 2.5s ease-out 2s forwards;
        transform: translate(calc(100% - 10.5rem), -34vh) scale(1.3);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .classico {
        animation: ClaimEntranceRightLargeTablet 2.5s ease-out 2s forwards;
        transform: translate(calc(-100% + 10.5rem), -34vh) scale(1.3);
        opacity: 0;
    }

    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: ClaimEntranceCenterLargeTablet 2.5s ease-out 2s forwards;
        transform: translate(0%, -34vh) scale(1.3);
        opacity: 0;
    }
}


/* TABLET (768px e sotto) */
@media (max-width: 768px) {
    
    @keyframes logoEntranceTablet {
        0% {
            opacity: 0;
            transform: translate(0%, 28vh) scale(1.3);
        }
        15% {
            opacity: 1;
            transform: translate(0%, 28vh) scale(1.3);
        }
        75% {
            opacity: 1;
            transform: translate(0%, 28vh) scale(1.3);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceLeftTablet {
        0% {
            opacity: 0;
            transform: translate(calc(100% - 10.5rem), -32vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(calc(100% - 10.5rem), -32vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(calc(100% - 10.5rem), -32vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceRightTablet {
        0% {
            opacity: 0;
            transform: translate(calc(-100% + 10.5rem), -32vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(calc(-100% + 10.5rem), -32vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(calc(-100% + 10.5rem), -32vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceCenterTablet {
        0% {
            opacity: 0;
            transform: translate(0%, -32vh) scale(1.5);
        }
        15% {
            opacity: 1;
            transform: translate(0%, -32vh) scale(1.5);
        }
        75% {
            opacity: 1;
            transform: translate(0%, -32vh) scale(1.5);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Applicazione animazioni tablet */
    .show-entrance-animations .entrance-animation-icon {
        animation: logoEntranceTablet 2.5s ease-in-out 2s forwards;
        transform: translate(0%, 28vh) scale(1.1);
    }

    .show-entrance-animations .entrance-animation-claim .spumanti {
        animation: ClaimEntranceLeftTablet 2.5s ease-out 2s forwards;
        transform: translate(calc(100% - 10.5rem), -32vh) scale(1.5);
    }

    .show-entrance-animations .entrance-animation-claim .classico {
        animation: ClaimEntranceRightTablet 2.5s ease-out 2s forwards;
        transform: translate(calc(-100% + 10.5rem), -32vh) scale(1.5);
    }

    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: ClaimEntranceCenterTablet 2.5s ease-out 2s forwards;
        transform: translate(0%, -32vh) scale(1.5);
    }
}

/* MOBILE PHONE (480px e sotto) */
@media (max-width: 480px) {
    /* Logo ottimizzato per mobile */
    @keyframes logoEntranceMobile {
        0% {
            opacity: 0;
            transform: translate(0%, 28vh) scale(1.4)
        }
        15% {
            opacity: 1;
            transform: translate(0%, 28vh) scale(1.4)
        }
        75% {
            opacity: 1;
            transform: translate(0%, 28vh) scale(1.4)
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Animazioni claim per mobile */
    @keyframes ClaimEntranceLeftMobile {
        0% {
            opacity: 0;
            transform: translate(calc(100% - 7rem), -33vh) scale(1.1);
        }
        15% {
            opacity: 1;
            transform: translate(calc(100% - 7rem), -33vh) scale(1.1);
        }
        75% {
            opacity: 1;
            transform: translate(calc(100% - 7rem), -33vh) scale(1.1);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceRightMobile {
        0% {
            opacity: 0;
            transform: translate(calc(-100% + 7rem), -33vh) scale(1.1);
        }
        15% {
            opacity: 1;
            transform: translate(calc(-100% + 7rem), -33vh) scale(1.1);
        }
        75% {
            opacity: 1;
            transform: translate(calc(-100% + 7rem), -33vh) scale(1.1);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    @keyframes ClaimEntranceCenterMobile {
        0% {
            opacity: 0;
            transform: translate(0%, -33vh) scale(1.1);
        }
        15% {
            opacity: 1;
            transform: translate(0%, -33vh) scale(1.1);
        }
        75% {
            opacity: 1;
            transform: translate(0%, -33vh) scale(1.1);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0) scale(1);
        }
    }

    /* Applicazione animazioni mobile */
    .show-entrance-animations .entrance-animation-icon {
        animation: logoEntranceMobile 2.5s ease-in-out 2s forwards;
        transform: translate(0%, 28vh) scale(1.4);
        /* opacity: 0; */
    }

    .show-entrance-animations .entrance-animation-claim .spumanti {
        animation: ClaimEntranceLeftMobile 2.5s ease-out 2s forwards;
        transform: translate(calc(100% - 7rem), -33vh) scale(1.1);
        /* opacity: 0; */
    }

    .show-entrance-animations .entrance-animation-claim .classico {
        animation: ClaimEntranceRightMobile 2.5s ease-out 2s forwards;
        transform: translate(calc(-100% + 7rem), -33vh) scale(1.1);
        /* opacity: 0; */
    }

    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: ClaimEntranceCenterMobile 2.5s ease-out 2s forwards;
        transform: translate(0%, -33vh) scale(1.1);
        /* opacity: 0; */
    }
}
@media (max-width: 400px) {
    #hero-home {
        min-height: 90vh !important;
    }
}

/* =============================================================================
   OTTIMIZZAZIONI PERFORMANCE E ACCESSIBILITÀ
   ============================================================================= */

/* Disabilita animazioni per chi preferisce movimento ridotto */
@media (prefers-reduced-motion: reduce) {
    .show-entrance-animations .entrance-animation-icon,
    .show-entrance-animations .entrance-animation-claim .spumanti,
    .show-entrance-animations .entrance-animation-claim .classico,
    .show-entrance-animations .entrance-animation-claim .metodo {
        animation: none !important;
        opacity: 1 !important;
        transform: translate(0, 0) scale(1) !important;
    }
}

/* Ottimizzazioni per batteria scarica */
@media (update: slow) {
    .show-entrance-animations .entrance-animation-icon,
    .show-entrance-animations .entrance-animation-claim .spumanti,
    .show-entrance-animations .entrance-animation-claim .classico,
    .show-entrance-animations .entrance-animation-claim .metodo {
        will-change: auto;
    }
}