/**
 * Vetmonti Animações
 * CSS isolado do plugin.
 */

body.vetmonti-animations-enabled {
    --vma-distance: 26px;
    --vma-distance-x: 34px;
    --vma-duration: 780ms;
    --vma-duration-fast: 420ms;
    --vma-delay: 0ms;
    --vma-ease: cubic-bezier(.22, 1, .36, 1);
    --vma-hover-y: -6px;
    --vma-hover-scale: 1.035;
}

body.vetmonti-animations-subtle {
    --vma-distance: 16px;
    --vma-distance-x: 22px;
    --vma-duration: 620ms;
    --vma-duration-fast: 320ms;
    --vma-hover-y: -3px;
    --vma-hover-scale: 1.018;
}

body.vetmonti-animations-expressive {
    --vma-distance: 42px;
    --vma-distance-x: 58px;
    --vma-duration: 980ms;
    --vma-duration-fast: 520ms;
    --vma-hover-y: -10px;
    --vma-hover-scale: 1.055;
}

body.vetmonti-animations-enabled.vma-js .vma-reveal {
    opacity: 0;
    transform: translate3d(0, var(--vma-distance), 0);
    filter: blur(8px);
    transition:
        opacity var(--vma-duration) var(--vma-ease),
        transform var(--vma-duration) var(--vma-ease),
        filter var(--vma-duration) var(--vma-ease);
    transition-delay: var(--vma-delay, 0ms);
    will-change: opacity, transform, filter;
}

body.vetmonti-animations-enabled.vma-js .vma-reveal.vma-in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}

body.vetmonti-animations-enabled.vma-js .vma-fade-up {
    transform: translate3d(0, var(--vma-distance), 0);
}

body.vetmonti-animations-enabled.vma-js .vma-slide-left {
    transform: translate3d(calc(var(--vma-distance-x) * -1), 0, 0);
}

body.vetmonti-animations-enabled.vma-js .vma-slide-right {
    transform: translate3d(var(--vma-distance-x), 0, 0);
}

body.vetmonti-animations-enabled.vma-js .vma-scale-in {
    transform: scale(.94);
}

body.vetmonti-animations-enabled.vma-js .vma-pop-in {
    transform: translate3d(0, calc(var(--vma-distance) / 2), 0) scale(.92);
}

body.vetmonti-animations-enabled.vma-js .vma-blur-in {
    transform: translate3d(0, 0, 0);
    filter: blur(14px);
}

body.vetmonti-animations-enabled.vma-js .vma-reveal.vma-in-view.vma-scale-in,
body.vetmonti-animations-enabled.vma-js .vma-reveal.vma-in-view.vma-pop-in,
body.vetmonti-animations-enabled.vma-js .vma-reveal.vma-in-view.vma-blur-in {
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}

body.vetmonti-animations-enabled .hero__content.vma-hero-ready {
    animation: vmaHeroContent var(--vma-duration) var(--vma-ease) both;
}

body.vetmonti-animations-enabled .hero__title span.vma-hero-ready,
body.vetmonti-animations-enabled .hero__description.vma-hero-ready,
body.vetmonti-animations-enabled .hero__actions.vma-hero-ready {
    animation: vmaHeroItem var(--vma-duration) var(--vma-ease) both;
    animation-delay: var(--vma-delay, 0ms);
}

@keyframes vmaHeroContent {
    from {
        opacity: 0;
        transform: translate3d(0, 18px, 0) scale(.985);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
    }
}

@keyframes vmaHeroItem {
    from {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

body.vetmonti-animations-hover .service-card,
body.vetmonti-animations-hover .diff__card,
body.vetmonti-animations-hover .faq__details,
body.vetmonti-animations-hover .team-accomp__item,
body.vetmonti-animations-hover .hero__btn,
body.vetmonti-animations-hover .about__btn,
body.vetmonti-animations-hover .services__btn,
body.vetmonti-animations-hover .phone-btn,
body.vetmonti-animations-hover .site-nav__logo img {
    transition:
        transform var(--vma-duration-fast) var(--vma-ease),
        box-shadow var(--vma-duration-fast) var(--vma-ease),
        filter var(--vma-duration-fast) var(--vma-ease),
        opacity var(--vma-duration-fast) var(--vma-ease);
}

body.vetmonti-animations-hover .service-card:hover,
body.vetmonti-animations-hover .diff__card:hover,
body.vetmonti-animations-hover .faq__details:hover,
body.vetmonti-animations-hover .team-accomp__item:hover {
    transform: translate3d(0, var(--vma-hover-y), 0);
}

body.vetmonti-animations-hover .service-card:hover .service-card__image img,
body.vetmonti-animations-hover .about__figure:hover img,
body.vetmonti-animations-hover .team-member__figure:hover img,
body.vetmonti-animations-hover .diff__figure:hover img,
body.vetmonti-animations-hover .team-accomp__figure:hover img {
    transform: scale(var(--vma-hover-scale));
}

body.vetmonti-animations-hover .hero__btn:hover,
body.vetmonti-animations-hover .about__btn:hover,
body.vetmonti-animations-hover .services__btn:hover,
body.vetmonti-animations-hover .phone-btn:hover {
    transform: translate3d(0, -2px, 0);
}

body.vetmonti-animations-hover .site-nav__logo:hover img {
    transform: scale(1.025);
}

body.vetmonti-animations-enabled.vma-smooth-scroll {
    scroll-behavior: smooth;
}

body.vetmonti-animations-enabled .single-service__title.vma-reveal,
body.vetmonti-animations-enabled .common-title.vma-reveal {
    transition-duration: calc(var(--vma-duration) + 120ms);
}

@media (prefers-reduced-motion: reduce) {
    body.vetmonti-animations-enabled,
    body.vetmonti-animations-enabled * {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
        transition-delay: 0ms !important;
    }

    body.vetmonti-animations-enabled.vma-js .vma-reveal {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}