body.elementor-page-241:not(.elementor-motion-effects-element-type-background), body.elementor-page-241 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0B0E;}/* Start custom CSS */html, body{
    width: 100%;
    overflow-x: hidden;
}



.ativo{
    opacity: 1;
    transition: 0.5s all;
    transform: translate3d(0, 0, 0);}

.popup{position:fixed;
    opacity: 0;
   pointer-events:none;}

.show{cursor:pointer;}

.popupativado{
    opacity: 1!important;
    transition: 0.5s all!important;
    transform: translate3d(0, 0, 0);
    z-index: 9999!important;
    pointer-events: fill!important;
}

brcor{background: var(--gradiente-brasil, linear-gradient(114deg, #4285F4 0%, #40AD5E 53.13%, #FBBC04 88.54%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

blues{background: linear-gradient(31deg, #4285F4 0%, #9FC3FF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.down {
    opacity: 0;
    transition: 0.5s all;
    transform: translate3d(0, -80px, 0);
  }

  .up {
    opacity: 0;
    transition: 0.5s all;
    transform: translate3d(0, 80px, 0);}
    
    .fade{ opacity: 0;
    transition: 0.5s all;}

  .left {
    opacity: 0;
    transition: 0.5s all;
    transform: translate3d(-30px, 0, 0);
  }

  .right {
    opacity: 0;
    transition: 0.5s all;
    transform: translate3d(30px, 0, 0);
  }

  .revelado {
    opacity: 1;
    transition: 0.5s all;
    transform: translate3d(0, 0, 0);
  }/* End custom CSS */