.elementor-376 .elementor-element.elementor-element-1dc143b{--spacer-size:30px;}.elementor-376 .elementor-element.elementor-element-dba5524 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-376 .elementor-element.elementor-element-dba5524:not(.elementor-motion-effects-element-type-background), .elementor-376 .elementor-element.elementor-element-dba5524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b831b2b );}.elementor-376 .elementor-element.elementor-element-dba5524 > .elementor-container{min-height:1301px;}.elementor-376 .elementor-element.elementor-element-dba5524 > .elementor-background-overlay{opacity:0.23;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-376 .elementor-element.elementor-element-dba5524, .elementor-376 .elementor-element.elementor-element-dba5524 > .elementor-background-overlay{border-radius:10px 10px 30px 30px;}.elementor-376 .elementor-element.elementor-element-dba5524{box-shadow:-50px 0px 49px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-376 .elementor-element.elementor-element-f3114e6{text-align:center;}.elementor-376 .elementor-element.elementor-element-f3114e6 .elementor-heading-title{color:var( --e-global-color-b831b2b );font-family:"Space Mono", Sans-serif;font-size:25px;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-wrap{height:350px;transition-duration:0.3s;transition-timing-function:linear;border-radius:8px 8px 8px 8px;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-overlay{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-overlay img{transition-duration:0.3s;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-icon{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-icon-hidden{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-wrap img{transition-timing-function:linear;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-wrap:hover img{opacity:1;}.elementor-376 .elementor-element.elementor-element-021bd51{--spacer-size:25px;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-wrap{height:350px;transition-duration:0.3s;transition-timing-function:linear;border-radius:8px 8px 8px 8px;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-overlay{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-overlay img{transition-duration:0.3s;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-icon{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-icon-hidden{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-wrap img{transition-timing-function:linear;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-wrap:hover img{opacity:1;}.elementor-376 .elementor-element.elementor-element-4cb0236{--spacer-size:25px;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-wrap{height:350px;transition-duration:0.3s;transition-timing-function:linear;border-radius:8px 8px 8px 8px;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-overlay{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-overlay img{transition-duration:0.3s;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-icon{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-icon-hidden{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-wrap img{transition-timing-function:linear;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-wrap:hover img{opacity:1;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-wrap{height:350px;transition-duration:0.3s;transition-timing-function:linear;border-radius:8px 8px 8px 8px;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-overlay{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-overlay img{transition-duration:0.3s;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-icon{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-icon-hidden{transition-duration:0.3s;transition-timing-function:linear;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-wrap img{transition-timing-function:linear;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-wrap:hover img{opacity:1;}.elementor-376 .elementor-element.elementor-element-e34f450{--spacer-size:50px;}@media(max-width:1024px){.elementor-bc-flex-widget .elementor-376 .elementor-element.elementor-element-a556f0d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-376 .elementor-element.elementor-element-a556f0d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-376 .elementor-element.elementor-element-a556f0d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-376 .elementor-element.elementor-element-0ca2b4d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-376 .elementor-element.elementor-element-0ca2b4d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-376 .elementor-element.elementor-element-0ca2b4d.elementor-column > .elementor-widget-wrap{justify-content:center;}}@media(max-width:767px){.elementor-376 .elementor-element.elementor-element-f3114e6 .elementor-heading-title{font-size:20px;}.elementor-376 .elementor-element.elementor-element-11e7315 .wpr-image-scroll-wrap{height:250px;}.elementor-376 .elementor-element.elementor-element-12f1ba0 .wpr-image-scroll-wrap{height:250px;}.elementor-376 .elementor-element.elementor-element-df7442f .wpr-image-scroll-wrap{height:250px;}.elementor-376 .elementor-element.elementor-element-c7524c0 .wpr-image-scroll-wrap{height:250px;}}@media(min-width:768px){.elementor-376 .elementor-element.elementor-element-7c3a247{width:6.987%;}.elementor-376 .elementor-element.elementor-element-441f66b{width:93.013%;}.elementor-376 .elementor-element.elementor-element-1234f36{width:6.987%;}.elementor-376 .elementor-element.elementor-element-0740b7a{width:93.013%;}.elementor-376 .elementor-element.elementor-element-a556f0d{width:6.987%;}.elementor-376 .elementor-element.elementor-element-0445eed{width:93.013%;}.elementor-376 .elementor-element.elementor-element-0ca2b4d{width:6.987%;}.elementor-376 .elementor-element.elementor-element-93cb36a{width:93.013%;}}/* Start custom CSS for column, class: .elementor-element-441f66b *//* Efeito de Luz/Brilho nas Bordas - Para Elementor Pro */

/* Classe principal para aplicar o efeito */
.glow-box {
    position: relative;
    /* Adiciona espaço para o efeito de brilho não ser cortado */
    margin: 20px;
    /* Transição suave para interações */
    transition: all 0.3s ease;
    border-radius: 8px; /* Mantém a borda arredondada */
    border: 1px solid rgba(52, 101, 164, 0.1); /* Borda sutil por padrão */
    box-shadow: none; /* Sem brilho por padrão */
}

/* Efeito de brilho no hover */
.glow-box:hover {
    box-shadow: 
        0 0 15px rgba(0, 191, 255, 0.7), /* Brilho principal mais forte */
        0 0 25px rgba(0, 191, 255, 0.5), /* Brilho médio */
        0 0 35px rgba(0, 191, 255, 0.3); /* Brilho difuso */
    border-color: rgba(0, 191, 255, 0.7); /* Borda mais visível no hover */
    transform: translateY(-2px); /* Pequeno levantamento para efeito 3D */
}

/* Efeito animado no hover - pulsa suavemente */
.glow-box-animated-hover {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.glow-box-animated-hover:hover {
    border-color: rgba(0, 191, 255, 0.7);
    transform: translateY(-2px);
    animation: glow-pulse-hover 2s ease-in-out infinite alternate;
}

@keyframes glow-pulse-hover {
    from {
        box-shadow: 
            0 0 10px rgba(0, 191, 255, 0.4),
            0 0 20px rgba(0, 191, 255, 0.3),
            0 0 30px rgba(0, 191, 255, 0.2);
    }
    to {
        box-shadow: 
            0 0 15px rgba(0, 191, 255, 0.7),
            0 0 25px rgba(0, 191, 255, 0.5),
            0 0 35px rgba(0, 191, 255, 0.3);
    }
}

/* Para usar no Elementor - classe específica */
.elementor-glow-effect-hover {
    position: relative;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1); /* Borda sutil por padrão */
    box-shadow: none; /* Sem brilho por padrão */
}

.elementor-glow-effect-hover:hover {
    box-shadow: 
        0 0 15px rgba(0, 191, 255, 0.7),
        0 0 25px rgba(0, 191, 255, 0.5),
        0 0 35px rgba(0, 191, 255, 0.3);
    border-color: rgba(0, 191, 255, 0.7);
    transform: translateY(-2px);
}

/* Responsivo - ajusta o efeito em telas menores */
@media (max-width: 768px) {
    .glow-box,
    .elementor-glow-effect-hover {
        margin: 10px;
    }
    
    .glow-box:hover,
    .glow-box-animated-hover:hover,
    .elementor-glow-effect-hover:hover {
        box-shadow: 
            0 0 10px rgba(0, 191, 255, 0.5),
            0 0 15px rgba(0, 191, 255, 0.3),
            0 0 20px rgba(0, 191, 255, 0.2);
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0740b7a *//* Efeito de Luz/Brilho nas Bordas - Para Elementor Pro */

/* Classe principal para aplicar o efeito */
.glow-boxg {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

/* Efeito de brilho no hover */
.glow-boxg:hover {
    box-shadow: 
        0 0 15px rgba(0, 255, 128, 0.7),
        0 0 25px rgba(0, 255, 128, 0.5),
        0 0 35px rgba(0, 255, 128, 0.3);
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
}

/* Efeito animado no hover - pulsa suavemente */
.glow-boxg-animated-hover {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.glow-boxg-animated-hover:hover {
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
    animation: glow-pulse-hover 2s ease-in-out infinite alternate;
}

@keyframes glow-pulse-hover {
    from {
        box-shadow: 
            0 0 10px rgba(0, 255, 128, 0.4),
            0 0 20px rgba(0, 255, 128, 0.3),
            0 0 30px rgba(0, 255, 128, 0.2);
    }
    to {
        box-shadow: 
            0 0 15px rgba(0, 255, 128, 0.7),
            0 0 25px rgba(0, 255, 128, 0.5),
            0 0 35px rgba(0, 255, 128, 0.3);
    }
}

/* Para usar no Elementor - classe específica */
.elementor-glow-effect-hover {
    position: relative;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.elementor-glow-effect-hover:hover {
    box-shadow: 
        0 0 15px rgba(0, 255, 128, 0.7),
        0 0 25px rgba(0, 255, 128, 0.5),
        0 0 35px rgba(0, 255, 128, 0.3);
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
}

/* Responsivo - ajusta o efeito em telas menores */
@media (max-width: 768px) {
    .glow-box,
    .elementor-glow-effect-hover {
        margin: 10px;
    }
    
    .glow-box:hover,
    .glow-box-animated-hover:hover,
    .elementor-glow-effect-hover:hover {
        box-shadow: 
            0 0 10px rgba(0, 255, 128, 0.5),
            0 0 15px rgba(0, 255, 128, 0.3),
            0 0 20px rgba(0, 255, 128, 0.2);
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0445eed *//* Efeito de Luz/Brilho nas Bordas - Para Elementor Pro */

/* Classe principal para aplicar o efeito */
.glow-boxg {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

/* Efeito de brilho no hover */
.glow-boxg:hover {
    box-shadow: 
        0 0 15px rgba(0, 255, 128, 0.7),
        0 0 25px rgba(0, 255, 128, 0.5),
        0 0 35px rgba(0, 255, 128, 0.3);
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
}

/* Efeito animado no hover - pulsa suavemente */
.glow-boxg-animated-hover {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.glow-boxg-animated-hover:hover {
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
    animation: glow-pulse-hover 2s ease-in-out infinite alternate;
}

@keyframes glow-pulse-hover {
    from {
        box-shadow: 
            0 0 10px rgba(0, 255, 128, 0.4),
            0 0 20px rgba(0, 255, 128, 0.3),
            0 0 30px rgba(0, 255, 128, 0.2);
    }
    to {
        box-shadow: 
            0 0 15px rgba(0, 255, 128, 0.7),
            0 0 25px rgba(0, 255, 128, 0.5),
            0 0 35px rgba(0, 255, 128, 0.3);
    }
}

/* Para usar no Elementor - classe específica */
.elementor-glow-effect-hover {
    position: relative;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.elementor-glow-effect-hover:hover {
    box-shadow: 
        0 0 15px rgba(0, 255, 128, 0.7),
        0 0 25px rgba(0, 255, 128, 0.5),
        0 0 35px rgba(0, 255, 128, 0.3);
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
}

/* Responsivo - ajusta o efeito em telas menores */
@media (max-width: 768px) {
    .glow-box,
    .elementor-glow-effect-hover {
        margin: 10px;
    }
    
    .glow-box:hover,
    .glow-box-animated-hover:hover,
    .elementor-glow-effect-hover:hover {
        box-shadow: 
            0 0 10px rgba(0, 255, 128, 0.5),
            0 0 15px rgba(0, 255, 128, 0.3),
            0 0 20px rgba(0, 255, 128, 0.2);
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-93cb36a *//* Efeito de Luz/Brilho nas Bordas - Para Elementor Pro */

/* Classe principal para aplicar o efeito */
.glow-boxg {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

/* Efeito de brilho no hover */
.glow-boxg:hover {
    box-shadow: 
        0 0 15px rgba(0, 255, 128, 0.7),
        0 0 25px rgba(0, 255, 128, 0.5),
        0 0 35px rgba(0, 255, 128, 0.3);
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
}

/* Efeito animado no hover - pulsa suavemente */
.glow-boxg-animated-hover {
    position: relative;
    margin: 20px;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.glow-boxg-animated-hover:hover {
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
    animation: glow-pulse-hover 2s ease-in-out infinite alternate;
}

@keyframes glow-pulse-hover {
    from {
        box-shadow: 
            0 0 10px rgba(0, 255, 128, 0.4),
            0 0 20px rgba(0, 255, 128, 0.3),
            0 0 30px rgba(0, 255, 128, 0.2);
    }
    to {
        box-shadow: 
            0 0 15px rgba(0, 255, 128, 0.7),
            0 0 25px rgba(0, 255, 128, 0.5),
            0 0 35px rgba(0, 255, 128, 0.3);
    }
}

/* Para usar no Elementor - classe específica */
.elementor-glow-effect-hover {
    position: relative;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(52, 101, 164, 0.1);
    box-shadow: none;
}

.elementor-glow-effect-hover:hover {
    box-shadow: 
        0 0 15px rgba(0, 255, 128, 0.7),
        0 0 25px rgba(0, 255, 128, 0.5),
        0 0 35px rgba(0, 255, 128, 0.3);
    border-color: rgba(0, 255, 128, 0.7);
    transform: translateY(-2px);
}

/* Responsivo - ajusta o efeito em telas menores */
@media (max-width: 768px) {
    .glow-box,
    .elementor-glow-effect-hover {
        margin: 10px;
    }
    
    .glow-box:hover,
    .glow-box-animated-hover:hover,
    .elementor-glow-effect-hover:hover {
        box-shadow: 
            0 0 10px rgba(0, 255, 128, 0.5),
            0 0 15px rgba(0, 255, 128, 0.3),
            0 0 20px rgba(0, 255, 128, 0.2);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dba5524 *//* ========================================
   GRID ANIMADO SIMPLES - APENAS CSS
   Para WordPress/Elementor Pro
   ========================================
   
   VERSÃO SIMPLIFICADA SEM JAVASCRIPT
   - Animação automática do grid
   - Efeito de hover básico
   - Performance máxima
   - Fácil implementação
   
   USO: Adicione a classe 'grid-bg-simples' ao elemento
   
   ======================================== */

.grid-bg-simples {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    min-height: 100vh;
}

/* Grid animado de fundo */
.grid-bg-simples::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    z-index: 1;
    background-image: 
        linear-gradient(rgba(64, 224, 208, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(64, 224, 208, 0.1) 1px, transparent 1px);
    background-size: 80px 80px;
    animation: gridFlow 20s linear infinite;
}

/* Animação contínua do grid */
@keyframes gridFlow {
    0% { 
        transform: translate(0, 0) rotate(0deg);
        opacity: 0.3;
    }
    25% { 
        opacity: 0.6;
    }
    50% { 
        transform: translate(-80px, -80px) rotate(0deg);
        opacity: 0.4;
    }
    75% { 
        opacity: 0.7;
    }
    100% { 
        transform: translate(-160px, -160px) rotate(0deg);
        opacity: 0.3;
    }
}

/* Overlay com efeito pulsante */
.grid-bg-simples::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(64, 224, 208, 0.05) 0%,
        rgba(255, 0, 150, 0.03) 40%,
        transparent 70%
    );
    animation: pulse 4s ease-in-out infinite;
}

/* Animação de pulso */
@keyframes pulse {
    0%, 100% { 
        opacity: 0.3;
        transform: scale(1);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.05);
    }
}

/* Efeito de hover */
.grid-bg-simples:hover::before {
    animation-duration: 10s;
    opacity: 0.8;
}

.grid-bg-simples:hover::after {
    animation-duration: 2s;
    opacity: 1;
}

/* Conteúdo sobreposto */
.grid-bg-simples > * {
    position: relative;
    z-index: 3;
}

/* Variações de tema */
.grid-bg-simples.tema-roxo {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);
}

.grid-bg-simples.tema-roxo::before {
    background-image: 
        linear-gradient(rgba(147, 51, 234, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(147, 51, 234, 0.1) 1px, transparent 1px);
}

.grid-bg-simples.tema-verde {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 50%, #047857 100%);
}

.grid-bg-simples.tema-verde::before {
    background-image: 
        linear-gradient(rgba(16, 185, 129, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 185, 129, 0.1) 1px, transparent 1px);
}

.grid-bg-simples.tema-escuro {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%);
}

.grid-bg-simples.tema-escuro::before {
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
}

/* Responsividade */
@media (max-width: 768px) {
    .grid-bg-simples::before {
        background-size: 60px 60px;
    }
    
    @keyframes gridFlow {
        0% { transform: translate(0, 0); }
        50% { transform: translate(-60px, -60px); }
        100% { transform: translate(-120px, -120px); }
    }
}

@media (max-width: 480px) {
    .grid-bg-simples::before {
        background-size: 40px 40px;
    }
    
    @keyframes gridFlow {
        0% { transform: translate(0, 0); }
        50% { transform: translate(-40px, -40px); }
        100% { transform: translate(-80px, -80px); }
    }
}

/* Performance otimizada */
.grid-bg-simples,
.grid-bg-simples::before,
.grid-bg-simples::after {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {
    .grid-bg-simples::before,
    .grid-bg-simples::after {
        animation: none;
    }
    
    .grid-bg-simples::before {
        opacity: 0.3;
    }
    
    .grid-bg-simples::after {
        opacity: 0.1;
    }
}

/* Compatibilidade com Elementor */
.elementor-element .grid-bg-simples {
    border-radius: inherit;
}

.elementor-widget .grid-bg-simples {
    height: 100%;
    min-height: 300px;
}/* End custom CSS */