.elementor-1014 .elementor-element.elementor-element-22d9351{--display:flex;--min-height:100dvh;--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;--justify-content:center;}/* Start custom CSS for container, class: .elementor-element-22d9351 *//* Animação: Move o fundo suavemente para dar vida */
@keyframes move-lights-tri {
    0% { background-position: 0% 50%; }
    50% { background-position: 50% 50%; }
    100% { background-position: 0% 50%; }
}

.tri-light-bg-wrapper {
    /* Cor de fundo base */
    background-color: var(--bg-dark);

    background-image: 
        /* 1. TOPO ESQUERDO (Roxo) */
        radial-gradient(
            circle at 0% 0%, 
            hsl(var(--brand-purple) / 0.4), 
            transparent 50%
        ),
        
        /* 2. MEIO DIREITO (Ciano - Altura 50%) */
        radial-gradient(
            circle at 100% 50%, 
            hsl(var(--brand-cyan) / 0.4), 
            transparent 50%
        ),
        
        /* 3. FUNDO ESQUERDO (Roxo - Altura 100%) */
        radial-gradient(
            circle at 0% 100%, 
            hsl(var(--brand-purple) / 0.4), 
            transparent 50%
        );
    
    /* Aumentamos um pouco o tamanho para os gradientes se misturarem bem */
    background-size: 150% 150%;
    
    /* Animação contínua */
    animation: move-lights-tri 15s ease infinite alternate;
    
    /* Garante que o container cubra tudo */
    width: 100%;
    position: relative;
    overflow: hidden;
}/* End custom CSS */