.elementor-199 .elementor-element.elementor-element-5ae18ed{--display:flex;--min-height:600px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-199 .elementor-element.elementor-element-5ae18ed:not(.elementor-motion-effects-element-type-background), .elementor-199 .elementor-element.elementor-element-5ae18ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #A32222 0%, #f2295b 100%);}.elementor-199 .elementor-element.elementor-element-5ae18ed.e-con{--align-self:center;}.elementor-199 .elementor-element.elementor-element-e8498a4{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-199{margin:55px 0px 0px 0px;}/* Start custom CSS */.elementor-199 .elementor-element.elementor-element-5ae18ed:not(.elementor-motion-effects-element-type-background), 
.elementor-199 .elementor-element.elementor-element-5ae18ed > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    
    /* SEU CÓDIGO ORIGINAL */
    background:
        radial-gradient(120% 120% at 0% 0%, #0a133b 0%, #08122c 35%, transparent 55%),
        radial-gradient(120% 120% at 100% 100%, #052d21 0%, #061c14 35%, transparent 55%),
        linear-gradient(120deg, #0b1032 0%, #0b1730 50%, #071f19 100%) !important;
    overflow: hidden;

    /* --- ADIÇÃO NECESSÁRIA --- */
    position: relative;
    /* Garante que o conteúdo fique sobre o grid */
    z-index: 1; 
}


.elementor-199 .elementor-element.elementor-element-5ae18ed::before {
    content: "";
    position: absolute;
    /* Faz o grid cobrir todo o elemento */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* --- A MÁGICA DO GRID --- */
    
    /* Linhas verticais e horizontais. 
       (0.05 é a opacidade da linha branca, ajuste se quiser mais forte/fraco) */
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    
    /* Tamanho de cada quadrado do grid (ajuste 30px se quiser maior/menor) */
    background-size: 30px 30px; 
    
    /* Posiciona o grid entre o fundo e o conteúdo */
    z-index: 0;
    
    /* Impede que o grid bloqueie cliques */
    pointer-events: none;
}/* End custom CSS */