.elementor-739 .elementor-element.elementor-element-73379ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-739 .elementor-element.elementor-element-9bcd2a4 > .elementor-widget-container{margin:-50px -50px -50px -50px;padding:0px 0px 0px 0px;}body.elementor-page-739:not(.elementor-motion-effects-element-type-background), body.elementor-page-739 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010203;}/* Start custom CSS for html, class: .elementor-element-9bcd2a4 *//* --- CONTAINER FIXO --- */
.fluid-purple-stage {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    /* Fundo Preto Avermelhado (Deep Warm Black) - Zero Azul */
    background-color: #080005; 
    overflow: hidden;
    z-index: -10;
    pointer-events: none;
}

/* --- CONFIGURAÇÃO DAS ORBS --- */
.orb-fluid {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px); /* Blur bem alto para misturar as cores */
    opacity: 0.7;
    will-change: transform, background; /* Otimização máxima */
}

/* --- ORB 1: O Roxo Principal (Sua Marca) --- */
/* Movimento: Diagonal Superior Esquerda <-> Inferior Direita */
.orb-1 {
    width: 60vw; height: 60vw;
    top: -20%; left: -20%;
    /* Animação unificada: Move e troca de cor suavemente por 20 segundos */
    animation: liquid-1 20s infinite alternate ease-in-out;
}

/* --- ORB 2: O Magenta/Vinho (Energia) --- */
/* Movimento: Sobe e desce cruzando a tela */
.orb-2 {
    width: 50vw; height: 50vw;
    bottom: -10%; right: -10%;
    animation: liquid-2 25s infinite alternate ease-in-out;
}

/* --- ORB 3: O Violeta Escuro (Profundidade) --- */
/* Movimento: Flutua no centro expandindo */
.orb-3 {
    width: 45vw; height: 45vw;
    top: 30%; left: 30%;
    animation: liquid-3 18s infinite alternate ease-in-out;
}

/* --- KEYFRAMES: A MÁGICA DA FLUIDEZ --- */
/* Aqui definimos Cor + Posição + Tamanho em um único movimento contínuo */

@keyframes liquid-1 {
    0% {
        transform: translate(0, 0) scale(1);
        background: radial-gradient(circle, rgba(157, 78, 221, 0.7), transparent 70%); /* Seu Roxo */
    }
    50% {
        transform: translate(40vw, 30vh) scale(1.2);
        background: radial-gradient(circle, rgba(138, 43, 226, 0.6), transparent 70%); /* Violeta */
    }
    100% {
        transform: translate(10vw, 60vh) scale(0.9);
        background: radial-gradient(circle, rgba(157, 78, 221, 0.7), transparent 70%); /* Volta pro Roxo */
    }
}

@keyframes liquid-2 {
    0% {
        transform: translate(0, 0) scale(1);
        background: radial-gradient(circle, rgba(139, 0, 139, 0.7), transparent 70%); /* Magenta Dark */
    }
    50% {
        transform: translate(-50vw, -20vh) scale(0.85);
        background: radial-gradient(circle, rgba(199, 21, 133, 0.6), transparent 70%); /* Vinho Rosado */
    }
    100% {
        transform: translate(-30vw, -50vh) scale(1.1);
        background: radial-gradient(circle, rgba(128, 0, 128, 0.7), transparent 70%); /* Roxo Puro */
    }
}

@keyframes liquid-3 {
    0% {
        transform: translate(0, 0) scale(1);
        background: radial-gradient(circle, rgba(75, 0, 130, 0.6), transparent 70%); /* Indigo (Roxo Escuro) */
    }
    50% {
        transform: translate(20vw, -15vh) scale(1.4); /* "Respira" ficando grande */
        background: radial-gradient(circle, rgba(148, 0, 211, 0.5), transparent 70%); /* Violeta Brilhante */
    }
    100% {
        transform: translate(-10vw, 10vh) scale(0.9);
        background: radial-gradient(circle, rgba(80, 0, 80, 0.8), transparent 70%); /* Roxo Quase Preto */
    }
}

/* --- TEXTURA CINEMATOGRÁFICA (NOISE) --- */
.noise-texture {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    opacity: 0.3;
    mix-blend-mode: overlay;
    pointer-events: none;
}/* End custom CSS */