.didacweb-contact-hero {
    isolation: isolate;
}

.didacweb-contact-hero > .elementor-container {
    position: relative;
    z-index: 2;
}

.didacweb-contact-hero .didacweb-contact-motion {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.didacweb-contact-hero .didacweb-contact-motion::after {
    position: absolute;
    z-index: 3;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(8, 37, 78, .2) 0%, rgba(8, 37, 78, .04) 48%, rgba(8, 37, 78, .1) 100%),
        linear-gradient(180deg, rgba(15, 53, 103, .02), rgba(15, 53, 103, .12));
    content: "";
}

.didacweb-contact-hero .didacweb-contact-motion__stars,
.didacweb-contact-hero .didacweb-contact-motion__orb,
.didacweb-contact-hero .didacweb-contact-motion__blur {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.didacweb-contact-hero .didacweb-contact-motion__stars {
    z-index: 2;
    opacity: .82;
}

.didacweb-contact-hero .didacweb-contact-motion__blur {
    z-index: 1;
    inset: -12%;
    width: auto;
    height: auto;
    background:
        radial-gradient(50% 70% at 68% 34%, rgba(8, 116, 201, .48), transparent 68%),
        radial-gradient(40% 58% at 84% 60%, rgba(255, 91, 2, .34), transparent 68%),
        radial-gradient(42% 62% at 22% 72%, rgba(34, 145, 222, .28), transparent 72%);
    animation: didac-contact-nebula-drift 7s ease-in-out infinite alternate;
    will-change: transform;
}

.didacweb-contact-hero .didacweb-contact-motion__orb {
    z-index: 0;
    opacity: .9;
    mix-blend-mode: screen;
}

@keyframes didac-contact-nebula-drift {
    0% {
        transform: translate3d(-5%, -2%, 0) scale(1);
    }

    50% {
        transform: translate3d(4%, 3%, 0) scale(1.08);
    }

    100% {
        transform: translate3d(-1%, 6%, 0) scale(1.02);
    }
}

.didacweb-contact-hero[data-didac-motion="fallback"] .didacweb-contact-motion__blur {
    background:
        radial-gradient(54% 74% at 70% 38%, rgba(8, 116, 201, .32), transparent 70%),
        radial-gradient(42% 60% at 88% 58%, rgba(255, 91, 2, .24), transparent 72%),
        radial-gradient(44% 65% at 26% 74%, rgba(34, 145, 222, .16), transparent 75%);
}

@media (max-width: 767px) {
    .didacweb-contact-hero .didacweb-contact-motion__stars {
        opacity: .68;
    }

    .didacweb-contact-hero .didacweb-contact-motion__orb {
        opacity: .72;
    }

    .didacweb-contact-hero .didacweb-contact-motion::after {
        background: linear-gradient(180deg, rgba(8, 37, 78, .2), rgba(8, 37, 78, .3));
    }
}

@media (prefers-reduced-motion: reduce) {
    .didacweb-contact-hero .didacweb-contact-motion__stars,
    .didacweb-contact-hero .didacweb-contact-motion__orb {
        display: none;
    }

    .didacweb-contact-hero .didacweb-contact-motion__blur {
        animation: none;
        transform: none;
    }
}