.elementor-3324 .elementor-element.elementor-element-ced3d1a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-ced3d1a:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-ced3d1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;}.elementor-3324 .elementor-element.elementor-element-aae08ef{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-wrapper{text-align:center;}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-title{margin-bottom:7px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-b52b31a{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-b52b31a .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-b52b31a .elementor-swiper-button.elementor-swiper-button-next{color:#00000000;}.elementor-3324 .elementor-element.elementor-element-b52b31a .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-b52b31a .elementor-swiper-button.elementor-swiper-button-next svg{fill:#00000000;}.elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#696969;opacity:1;}.elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-pagination-bullet{background:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-b52b31a .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-606124c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-606124c:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-606124c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-3324 .elementor-element.elementor-element-84553aa{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-wrapper{text-align:center;}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-title{margin-bottom:7px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-901bbce{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button.elementor-swiper-button-next{color:#A6CF00;}.elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button.elementor-swiper-button-next svg{fill:#A6CF00;}.elementor-3324 .elementor-element.elementor-element-901bbce .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#535252;opacity:1;}.elementor-3324 .elementor-element.elementor-element-901bbce .swiper-pagination-bullet{background:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-901bbce .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-8b8ff8b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-431c9f1{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-wrapper{text-align:center;}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-title{margin-bottom:7px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-284041c{--e-image-carousel-slides-to-show:4;width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-284041c .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-284041c .elementor-swiper-button.elementor-swiper-button-next{color:#02010100;}.elementor-3324 .elementor-element.elementor-element-284041c .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-284041c .elementor-swiper-button.elementor-swiper-button-next svg{fill:#02010100;}.elementor-3324 .elementor-element.elementor-element-284041c .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#CECECE;opacity:1;}.elementor-3324 .elementor-element.elementor-element-284041c .swiper-pagination-bullet{background:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-284041c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-685620f{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-685620f:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-685620f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-3324 .elementor-element.elementor-element-349798c{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-wrapper{text-align:center;}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-title{margin-bottom:7px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-faef094{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-faef094 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-faef094 .elementor-swiper-button.elementor-swiper-button-next{color:#02010100;}.elementor-3324 .elementor-element.elementor-element-faef094 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-faef094 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#02010100;}.elementor-3324 .elementor-element.elementor-element-faef094 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-3324 .elementor-element.elementor-element-faef094 .swiper-pagination-bullet{background:#C5C5C5;}.elementor-3324 .elementor-element.elementor-element-faef094 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-3e2849c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-3e2849c:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-3e2849c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-3324 .elementor-element.elementor-element-a396bb7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-wrapper{text-align:start;}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-title{margin-bottom:7px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-89d92a2{--e-image-carousel-slides-to-show:2;width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-89d92a2.elementor-element{--align-self:flex-end;}.elementor-3324 .elementor-element.elementor-element-89d92a2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-89d92a2 .elementor-swiper-button.elementor-swiper-button-next{color:#02010100;}.elementor-3324 .elementor-element.elementor-element-89d92a2 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-89d92a2 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#02010100;}.elementor-3324 .elementor-element.elementor-element-89d92a2 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF1F;opacity:1;}.elementor-3324 .elementor-element.elementor-element-89d92a2 .swiper-pagination-bullet{background:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-89d92a2 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-16f2e7e{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-16f2e7e:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-16f2e7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-3324 .elementor-element.elementor-element-762ed61{--e-image-carousel-slides-to-show:2;width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-762ed61.elementor-element{--align-self:flex-end;}.elementor-3324 .elementor-element.elementor-element-762ed61 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-762ed61 .elementor-swiper-button.elementor-swiper-button-next{color:#02010100;}.elementor-3324 .elementor-element.elementor-element-762ed61 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-762ed61 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#02010100;}.elementor-3324 .elementor-element.elementor-element-762ed61 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF1F;opacity:1;}.elementor-3324 .elementor-element.elementor-element-762ed61 .swiper-pagination-bullet{background:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-762ed61 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-95f28be{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-wrapper{text-align:start;}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-title{margin-bottom:7px;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-64047b0{--display:flex;}.elementor-3324 .elementor-element.elementor-element-1bf8bec{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-1bf8bec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-1bf8bec.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button.elementor-swiper-button-next{color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-4689b08{--display:flex;}.elementor-3324 .elementor-element.elementor-element-c6c8191{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-c6c8191 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-c6c8191.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-c6c8191 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-c6c8191 .elementor-swiper-button.elementor-swiper-button-next{font-size:25px;color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-c6c8191 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-c6c8191 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-c6c8191 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:12px;--swiper-pagination-bullet-vertical-gap:12px;}.elementor-3324 .elementor-element.elementor-element-c6c8191 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-16e0e63{--display:flex;}.elementor-3324 .elementor-element.elementor-element-d87cf74{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-d87cf74 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-d87cf74.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-d87cf74 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-d87cf74 .elementor-swiper-button.elementor-swiper-button-next{font-size:25px;color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-d87cf74 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3324 .elementor-element.elementor-element-d87cf74 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-d87cf74 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-7b33a41{--display:flex;}.elementor-3324 .elementor-element.elementor-element-6c52914{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-3324 .elementor-element.elementor-element-6c52914.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-3324 .elementor-element.elementor-element-aa37b91{--display:flex;}.elementor-3324 .elementor-element.elementor-element-d975207{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-b93ea99 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;}.elementor-3324 .elementor-element.elementor-element-3b24e8b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-3bfecd7{--display:flex;}.elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button{background-color:#42112A;font-family:"Unbounded", Sans-serif;font-size:1rem;font-weight:400;line-height:120%;fill:#FFFFFF;color:#FFFFFF;padding:1.5rem 3.75rem 1.5rem 3.75rem;}.elementor-3324 .elementor-element.elementor-element-022f0dc.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-4a63f72{--display:flex;}.elementor-3324 .elementor-element.elementor-element-9c17f87 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:18px 60px 18px 60px;}.elementor-3324 .elementor-element.elementor-element-9c17f87 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-9c17f87.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-3b81e89{--display:flex;}.elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:15em;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:20px 60px 20px 60px;}.elementor-3324 .elementor-element.elementor-element-35a8687.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-50b8e0a{--display:flex;}.elementor-3324 .elementor-element.elementor-element-b5b660f .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;border-radius:5px 5px 5px 5px;padding:20px 50px 20px 50px;}.elementor-3324 .elementor-element.elementor-element-b5b660f.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-60f5789{--display:flex;}.elementor-3324 .elementor-element.elementor-element-82e9435.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-82e9435 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;padding:15px 45px 15px 045px;}.elementor-3324 .elementor-element.elementor-element-8150de9{--display:flex;}.elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:15em;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:20px 60px 20px 60px;}.elementor-3324 .elementor-element.elementor-element-f54f73c.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-5341f86{--display:flex;}.elementor-3324 .elementor-element.elementor-element-08270f5{--display:flex;}.elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#131313;color:#131313;padding:20px 70px 20px 70px;}.elementor-3324 .elementor-element.elementor-element-dabee68{--display:flex;}.elementor-3324 .elementor-element.elementor-element-fec6826 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-fec6826.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-97e1ecf{--display:flex;}.elementor-3324 .elementor-element.elementor-element-235e814.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-1f2ad65{--display:flex;}.elementor-3324 .elementor-element.elementor-element-3e92a83.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-771c86e{--display:flex;}.elementor-3324 .elementor-element.elementor-element-c37231e .elementor-button{background-color:#00000000;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-3324 .elementor-element.elementor-element-c37231e.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-3324 .elementor-element.elementor-element-ced3d1a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3324 .elementor-element.elementor-element-aae08ef{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-b52b31a{--e-image-carousel-slides-to-show:3;}.elementor-3324 .elementor-element.elementor-element-606124c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3324 .elementor-element.elementor-element-84553aa{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-901bbce{--e-image-carousel-slides-to-show:3;}.elementor-3324 .elementor-element.elementor-element-8b8ff8b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3324 .elementor-element.elementor-element-431c9f1{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-284041c{--e-image-carousel-slides-to-show:3;}.elementor-3324 .elementor-element.elementor-element-685620f{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3324 .elementor-element.elementor-element-349798c{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-faef094{--e-image-carousel-slides-to-show:3;}.elementor-3324 .elementor-element.elementor-element-3e2849c{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-16f2e7e{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-1bf8bec{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-c6c8191{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-d87cf74{--e-image-carousel-slides-to-show:4;}.elementor-3324 .elementor-element.elementor-element-782d2b2.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button{font-size:0.9em;}}@media(max-width:767px){.elementor-3324 .elementor-element.elementor-element-ced3d1a{--min-height:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-3324 .elementor-element.elementor-element-aae08ef{width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-aae08ef .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-b52b31a{--e-image-carousel-slides-to-show:2;}.elementor-3324 .elementor-element.elementor-element-606124c{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-3324 .elementor-element.elementor-element-84553aa{width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-84553aa .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-901bbce{--e-image-carousel-slides-to-show:2;}.elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button.elementor-swiper-button-next{font-size:18px;}.elementor-3324 .elementor-element.elementor-element-8b8ff8b{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3324 .elementor-element.elementor-element-431c9f1{width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-431c9f1 .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-284041c{--e-image-carousel-slides-to-show:2;}.elementor-3324 .elementor-element.elementor-element-685620f{--padding-top:60px;--padding-bottom:60px;--padding-left:024px;--padding-right:024px;}.elementor-3324 .elementor-element.elementor-element-349798c{width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-349798c .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-faef094{--e-image-carousel-slides-to-show:2;}.elementor-3324 .elementor-element.elementor-element-3e2849c{--padding-top:60px;--padding-bottom:60px;--padding-left:024px;--padding-right:024px;}.elementor-3324 .elementor-element.elementor-element-a396bb7{width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-a396bb7 .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-89d92a2{--e-image-carousel-slides-to-show:2;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3324 .elementor-element.elementor-element-16f2e7e{--padding-top:60px;--padding-bottom:60px;--padding-left:024px;--padding-right:024px;}.elementor-3324 .elementor-element.elementor-element-762ed61{--e-image-carousel-slides-to-show:2;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3324 .elementor-element.elementor-element-95f28be{width:100%;max-width:100%;}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3324 .elementor-element.elementor-element-95f28be .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-3324 .elementor-element.elementor-element-1bf8bec{--e-image-carousel-slides-to-show:1;}.elementor-3324 .elementor-element.elementor-element-c6c8191{--e-image-carousel-slides-to-show:1;}.elementor-3324 .elementor-element.elementor-element-d87cf74{--e-image-carousel-slides-to-show:1;}.elementor-3324 .elementor-element.elementor-element-b93ea99 .elementor-button{font-size:14px;}.elementor-3324 .elementor-element.elementor-element-022f0dc.elementor-element{--align-self:center;}.elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button{line-height:120%;padding:1.5rem 2rem 1.5rem 2rem;}.elementor-3324 .elementor-element.elementor-element-b5b660f .elementor-button{font-size:14px;}.elementor-3324 .elementor-element.elementor-element-82e9435 .elementor-button{font-size:18px;}.elementor-3324 .elementor-element.elementor-element-782d2b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button{font-size:0.9em;}.elementor-3324 .elementor-element.elementor-element-fec6826 .elementor-button{font-size:18px;}.elementor-3324 .elementor-element.elementor-element-c37231e .elementor-button{font-size:14px;}}/* Start custom CSS for image-carousel, class: .elementor-element-b52b31a */.elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-wrapper{ transition-timing-function: linear !important; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide{ opacity: 0.2; filter: blur(5px); animation: opacidade 5s infinite; transition: 0.5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="0"]{ animation-delay: 0.5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="1"]{ animation-delay: 1s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="2"]{ animation-delay: 1.5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="3"]{ animation-delay: 2s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="4"]{ animation-delay: 2.5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="5"]{ animation-delay: 3s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="6"]{ animation-delay: 3.5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="7"]{ animation-delay: 4s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="8"]{ animation-delay: 4.5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="9"]{ animation-delay: 5s; } .elementor-3324 .elementor-element.elementor-element-b52b31a .swiper-slide[data-swiper-slide-index="10"]{ animation-delay: 5.5s; } @keyframes opacidade{ 0%, 100%{ opacity: 0.2; filter: blur(5px); } 50%{ opacity: 1; filter: blur(0px); } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-901bbce */.elementor-3324 .elementor-element.elementor-element-901bbce .swiper-pagination-bullet-active{ width: 4x; /mude a largura do bullet ativo por aqui/ border-radius: 2px; } .elementor-3324 .elementor-element.elementor-element-901bbce .swiper-pagination-bullet{ transition: 0.5s; } .elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button-next::before, .elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button-prev::before{ content: ""; width: 100%; height: 100%; background: #ffffff; /altere a cor de fundo aqui/ padding: 20px; border-radius: 100px; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(calc(-50% + 2px), -50%); } .elementor-3324 .elementor-element.elementor-element-901bbce .elementor-swiper-button-next::before{ transform: translate(calc(-50% - 2px), -50%) }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-284041c */.elementor-3324 .elementor-element.elementor-element-284041c .swiper-wrapper{ transition-timing-function: linear !important; } .elementor-3324 .elementor-element.elementor-element-284041c .swiper{ overflow: visible !important; } .elementor-3324 .elementor-element.elementor-element-284041c .swiper-wrapper{ transition-timing-function: linear !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b8ff8b */html body{ overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-faef094 */.elementor-3324 .elementor-element.elementor-element-faef094::before { content:""; display: block; width: 100%; height: 100%; position: absolute; z-index: 999; background: linear-gradient(90deg, #131313, transparent 15%, transparent 85%, #131313 100%); /*mude os #000000 para a mesma cor do fundo da seção*/ pointer-events: none; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-89d92a2 */.elementor-3324 .elementor-element.elementor-element-89d92a2 .swiper, .elementor-3324 .elementor-element.elementor-element-89d92a2 .swiper-container{ overflow: visible !important; clip-path: polygon(0% 0%, 100% -100%, 1000% 100%, 0% 100%); }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-762ed61 */.swiper, .swiper-container { overflow: visible !important; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, -8000% 100%); }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1bf8bec *//* Estilo para os botões de navegação */ .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button-prev, .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button-next { backdrop-filter: blur(15px); padding: 10px; border-radius: 50px; top: 50%; transform: translateY(-50%); transition: 0.5s ease; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button-prev { left: 10px; } .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button-next { right: 10px; } /* Efeitos de hover para os botões */ .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button-prev:hover, .elementor-3324 .elementor-element.elementor-element-1bf8bec .elementor-swiper-button-next:hover { transform: translateY(-50%) scale(1.1); backdrop-filter: blur(20px); } .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-prev{ filter: blur(10px); transform: scale(0.5); transition: 0,5; } .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-active{ filter: blur(10px); transform: scale(0.5); transition: 0,5; } .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-{ filter: blur(10px); transform: scale(0.5); transition: 0,5; } .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-next~ .swiper-slide ~ .swiper-slide{ filter: blur(10px); transform: scale(0.5); transition: 0,5; } .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-prev{ filter: blur(10px); transform: scale(0.5); transition: 0,5; } .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-prev{ filter: blur(10px); transform: scale(0.5); transition: 0,5; } @media (max-width: 767px) { .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-prev, .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-active, /* Também será resetado no mobile */ .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-next, .elementor-3324 .elementor-element.elementor-element-1bf8bec .swiper-slide-next ~ .swiper-slide { filter: none; transform: none; /* Ou transform: scale(1); se quiser apenas resetar o scale */ transition: none; /* Remove a transição também, ou defina para um valor como 0s */ } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-c6c8191 */.elementor-3324 .elementor-element.elementor-element-c6c8191 .elementor-image-carousel-wrapper{ transform: perspective(100rem) translate3d(0, 0, -5rem) rotateX(40deg) scale(1, 1) !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d87cf74 */.elementor-3324 .elementor-element.elementor-element-d87cf74 .elementor-image-carousel-wrapper{ transform: perspective(100rem) translate3d(0, 0, -5rem) rotateX(-40deg) scale(1, 1) !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6c52914 */.elementor-3324 .elementor-element.elementor-element-6c52914 .elementor-button { border-radius: 20px / 100% !important; box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 5px 0 #ffffff25 !important; width: 100%; position: relative; background: rgb(61, 106, 255) !important; border: 1px solid rgb(61, 106, 255) !important; overflow: hidden; transition: all 0.2s ease-in; } .elementor-3324 .elementor-element.elementor-element-6c52914 .elementor-button:hover { background: rgb(61, 106, 255) !important; border: none; box-shadow: inset 0 0 5px 5px #ffffff25, 0 0 30px 5px rgba(0, 142, 236, 0.815) !important; transition: all 0.2s ease-out; transform: scale(1.03); } .elementor-3324 .elementor-element.elementor-element-6c52914 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } .elementor-3324 .elementor-element.elementor-element-6c52914 .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; background: #fff; box-shadow: 0 0 50px 30px #fff; transform: skewX(-20deg); } @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } .elementor-3324 .elementor-element.elementor-element-6c52914 .elementor-button:active { box-shadow: inset 0 0 5px 5px #ffffff25, 0 0 0 0 transparent !important; transition: box-shadow 0.2s ease-in; transform: translate(0, 0.2em); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b93ea99 */.brilho2 .elementor-button { background: #ffffff !important; border: 3px solid #fff; padding: 15px 60px; display: flex; align-items: center; justify-content: center; border-radius: 100px; position: relative; transition: 2s; } @media(max-width: 767px){ .brilho2 .elementor-button { padding: 15px 30px; } } .brilho2 .elementor-button:before { background-image: radial-gradient(43.3% 44.23% at 50% 49.51%, #fffff7 29%, #fffacd 48.5%, #f4d2bf 60.71%, #f4d2bf00 100%); filter: blur(5px); width: 300px; height: 150px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(var(--button-translate-x, -10%), -50%); border-radius: 100%; transition: transform 0.8s cubic-bezier(.4, 0, .2, 1); } .brilho2 .elementor-button.hovering:before { transition: transform 0.15s ease-out !important; } .brilho1{ padding: 0px !important; border-radius: 100px; outline: 4px solid #FFFFFF4F; } .brilho1::before { transition: 0.35s ease-out; filter: blur(12px); background: linear-gradient(to right, transparent 30%, #ff7037 80%, #ff4900 95%); width: 108%; height: 125%; left: 50%; top: 50%; content: ""; will-change: filter; border-radius: 100px; position: absolute; transform: translate(-50%, -50%); z-index: 1; opacity: var(--before-opacity, 1); } .brilho1::after { transition: 0.35s ease-out; filter: blur(12px); background: linear-gradient(to left, transparent 30%, #ff7037 80%, #ff4900 95%); width: 108%; height: 125%; left: 50%; top: 50%; content: ""; will-change: filter; border-radius: 100px; position: absolute; transform: translate(-50%, -50%); z-index: 1; opacity: var(--after-opacity, 0); } .brilho2 .elementor-button-text, .brilho2 .elementor-button-icon { z-index: 5; align-self: center !important; vertical-align: center !important; } .brilho1 { width: fit-content; overflow: visible; z-index: 1; position: relative; padding: 0px; } .brilho2 { z-index: 5; overflow: hidden; border-radius: 100px; position: relative; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-022f0dc *//* BOTÃO PADRÃO */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button { border-radius: 4px; /* Deixa os cantos do botão levemente arredondados */ border: 1px solid #FF005B; /* Borda rosa choque */ background: #FF005B30 !important; /* Fundo rosa com 30% de opacidade (bem translúcido) */ box-shadow: 0px 17px 34px 0px rgba(255, 0, 91, 0.20); /* Sombra grande e suave ao redor do botão */ backdrop-filter: blur(27px); /* Aplica desfoque no fundo do botão (efeito vítreo) */ -webkit-backdrop-filter: blur(27px); /* Compatibilidade com navegadores baseados em WebKit (Safari, etc.) */ transition: all 0.5s ease !important; /* Suaviza todas as mudanças visuais (hover, clique, etc.) */ } /* EFEITO HOVER: Quando o mouse passa por cima do botão */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button:hover { transform: translateY(-5px); /* Faz o botão "subir" 5px, dando efeito de elevação */ border-radius: 4px; /* Mantém os cantos arredondados (por segurança visual) */ background: #FF005B60 !important; /* Fundo rosa mais visível (60% de opacidade) */ box-shadow: 0px 0px 34px 0px rgba(255, 0, 91, 0.50); /* Sombra mais intensa e concentrada */ transition: all 0.5s ease !important; /* Suaviza a transição de hover */ } /* ÍCONE DO BOTÃO PADRÃO */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button-icon { transform-origin: center; /* Define o ponto de transformação do ícone como o centro */ transition: all 0.5s ease !important; /* Transição suave para mudanças no ícone */ } /* ÍCONE DO BOTÃO AO PASSAR O MOUSE */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button:hover .elementor-button-icon { transform-origin: center; /* Mantém a origem da transformação no centro */ transition: all 0.5s ease; /* Suaviza qualquer transformação que ocorra no hover */ } /* SVG DO ÍCONE AO PASSAR O MOUSE */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button:hover .elementor-button-icon svg { transform-origin: center; /* Origem da animação no centro do SVG */ animation: seta 1s infinite; /* Executa a animação "seta" a cada 1s de forma infinita */ transition: all 0.5s ease !important; /* Suaviza transformações */ } /* ANIMAÇÃO PERSONALIZADA: "Seta" */ @keyframes seta { 0%, 100% { transform: translate(0px, 0px); /* Começa e termina na posição normal */ } 50% { transform: translate(5px, 0px); /* No meio da animação, move 5px para a direita */ } } /* ENVOLTÓRIO DO CONTEÚDO DO BOTÃO */ .elementor-button-content-wrapper { display: flex; /* Ativa flexbox para alinhar conteúdo */ align-items: center; /* Centraliza verticalmente o ícone e o texto */ transition: all 0.5s ease !important; /* Suaviza ajustes de layout */ } /* BOTÃO QUANDO RECEBE FOCO (CLIQUE OU TECLADO) */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button:focus { transform: scale(0.98); /* Encolhe um pouco o botão ao ser clicado */ transition: all 0.1s ease !important; /* Transição rápida para dar resposta visual */ box-shadow: 0px 4px 54px 0px #FF005B, /* Sombra externa rosa intensa */ 0px 0px 14px 0px #FF005B inset; /* Sombra interna rosa para realce */ } /* ESTILIZAÇÃO DO SVG DO ÍCONE */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button svg { width: 20px; /* Largura fixa do ícone */ height: 20px; /* Altura fixa do ícone */ filter: drop-shadow(0px 0px 24px #FF005B) !important; /* Brilho rosa ao redor do ícone */ vertical-align: middle; /* Alinha verticalmente com o texto */ } /* CORREÇÃO EXTRA NO CONTEÚDO DO BOTÃO */ .elementor-3324 .elementor-element.elementor-element-022f0dc .elementor-button-content-wrapper { align-items: center; /* Garante alinhamento vertical mesmo se duplicado */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9c17f87 *//* BOTÃO EM ESTADO PADRÃO (gradiente vermelho) */ .elementor-3324 .elementor-element.elementor-element-9c17f87 .elementor-button { background: linear-gradient(90deg, #E73B3B 0%, #FE6E6E 50%, #E73B3B 100%); border-radius: 8px !important; overflow: hidden; /* Esconde conteúdo extra (importante para efeitos visuais como brilho) */ transform: translate(0%, 0%); flex-grow: 1 !important; /* Transições suaves ao mudar de estado */ transition: background-color 0.8s ease, box-shadow 0.8s ease, transform 0.8s ease; } /* HOVER NO BOTÃO - muda a cor e ativa sombras */ .elementor-3324 .elementor-element.elementor-element-9c17f87:hover .elementor-button { background: linear-gradient(90deg, #FE6E6E 0%, #FF8F8F 50%, #FE6E6E 100%); box-shadow: 0px -10px 80px 0px rgba(231, 59, 59, 0.45), 0px -9.855px 29.201px 0px rgba(231, 59, 59, 0.35), 0px -4.785px 14.177px 0px rgba(231, 59, 59, 0.12), 0px -2.346px 6.95px 0px rgba(231, 59, 59, 0.10), 0px -0.927px 2.748px 0px rgba(231, 59, 59, 0.40); } /* BRILHO QUE SE MOVE SOBRE O BOTÃO */ .elementor-3324 .elementor-element.elementor-element-9c17f87 .elementor-button::before { content: ''; background: linear-gradient( 10deg, rgba(255, 200, 200, 0.8) 12.81%, rgba(255, 200, 200, 0.00) 66.66% ); width: 90px; height: 160%; position: absolute; transform: translateX(-50%) skew(-25deg); /* Inclina e posiciona a faixa de brilho */ bottom: 0%; left: -10%; /* Começa à esquerda do botão */ user-select: none; pointer-events: none; animation: shinery 3s infinite ease-in-out; filter: blur(4px); /* Suaviza as bordas do brilho */ opacity: 0; /* Começa invisível */ } /* ANIMAÇÃO DO BRILHO */ @keyframes shinery { 0% { left: -10%; opacity: 0; } 20% { opacity: 0.7; /* Brilho aparece */ } 48% { left: 110%; /* Brilho atravessa o botão */ opacity: 0.7; } 51% { opacity: 0; /* Some após cruzar */ } 100% { left: 110%; opacity: 0; } } /* BORDA DECORATIVA EXTERNA */ .elementor-3324 .elementor-element.elementor-element-9c17f87 .elementor-button::after { content: ''; width: calc(100% + 6px); height: calc(100% + 6px); border-radius: inherit; /* Mantém o arredondamento do botão */ border: 3px solid #ADADAD40; /* Borda sutil com transparência */ position: absolute; top: 50%; left: 50%; z-index: -1; /* Fica atrás do botão */ transform: translate(-50%, -50%); user-select: none; pointer-events: none; box-sizing: border-box; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35a8687 *//* BOTÃO BASE - ESTILO GERAL */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button { position: relative; /* Necessário para os pseudos ::before e ::after */ display: inline-flex; /* Flexbox interno */ align-items: center; justify-content: center; border-radius: 50px; /* Botão estilo cápsula */ border: none; cursor: pointer; overflow: hidden; /* Esconde brilho/efeitos fora da borda */ text-decoration: none; -webkit-tap-highlight-color: transparent; /* Remove flash azul no clique em mobile */ /* SOMBRA MULTICAMADA LIME NEON */ box-shadow: 0 -3px 0 0 #8aa349 inset, /* Borda interna verde escura */ 0 323px 90px 0 rgba(178, 254, 2, .01), 0 207px 83px 0 rgba(178, 254, 2, .07), 0 116px 70px 0 rgba(178, 254, 2, .15), 0 52px 52px 0 rgba(178, 254, 2, .25), 0 13px 28px 0 rgba(178, 254, 2, .35); /* SUAVIZA a animação do clique e da sombra */ transition: transform 0.1s ease-out, box-shadow 0.1s ease-out; } /* CAMADAS ANIMADAS DO BOTÃO (gradientes e brilhos) */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button::before, .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; transition: opacity 0.5s ease; /* Troca de camadas suave */ pointer-events: none; } /* CAMADA BASE: gradiente com verde neon e sombra */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button::before { background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); box-shadow: 0 -3px 0 0 #9ACD32 inset; border-top: 2px solid #DFFF8F; z-index: 0; opacity: 1; } /* CAMADA ALTERNATIVA (ativa no hover) */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button::after { background: linear-gradient(90deg, #CFFF5F 0%, #E1FFAE 50%, #CFFF5F 100%); box-shadow: 0 -3px 0 0 #B2FE02 inset; border-top: 2px solid #F0FFF0; opacity: 0; /* Começa invisível */ z-index: 1; } /* AO PASSAR O MOUSE: mostra o brilho ::after */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button:hover::after { opacity: 1; } /* AO CLICAR: botão desce e a sombra muda */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button:active { transform: translateY(3px); /* Efeito de pressão */ box-shadow: 0 -2px 0 0 #8aa349 inset, /* Sombra interna menor */ 0 140px 50px 0 rgba(178, 254, 2, .05), 0 80px 40px 0 rgba(178, 254, 2, .10), 0 30px 25px 0 rgba(178, 254, 2, .15), 0 5px 10px 0 rgba(178, 254, 2, .25); } /* WRAPPER DE CONTEÚDO DO BOTÃO - texto + ícone */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button-content-wrapper { position: relative; z-index: 2; /* Fica acima do brilho ::before/::after */ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } /* TEXTO DO BOTÃO */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button-text { line-height: normal; text-align: center; } /* FOCO COM ACESSIBILIDADE (teclado) */ .elementor-3324 .elementor-element.elementor-element-35a8687 .elementor-button:focus-visible { outline: 3px solid #CFFF5F; /* Borda de foco bem visível */ outline-offset: 2px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b5b660f */.elementor-3324 .elementor-element.elementor-element-b5b660f{ overflow: hidden; border-radius: 8px; padding: 0; } .elementor-3324 .elementor-element.elementor-element-b5b660f .elementor-button *{ position: relative; z-index: 9; } .elementor-3324 .elementor-element.elementor-element-b5b660f .elementor-button{ transition: 0.5s; background: transparent !important; padding: 24px; position: relative; z-index: 3; width: 300px; /*altere a largura aqui*/ } /*cor da borda*/ .elementor-3324 .elementor-element.elementor-element-b5b660f .elementor-button::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff20; /*altere a cor aqui*/ z-index: 1; transition: opacity 0.3s linear; opacity: 1; width: 100%; height: 100%; border-radius: 8px; } /*cor de fundo*/ .elementor-3324 .elementor-element.elementor-element-b5b660f .elementor-button::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #131313; /*altere a cor aqui*/ z-index: 3; transition: opacity 0.2s linear; opacity: 1; width: calc(100% - 2px); /*controle a largura da borda aqui*/ height: calc(100% - 2px); /*controle a largura da borda aqui*/ border-radius: 8px; transition: 0.5s; } /*cor do brilho*/ .elementor-3324 .elementor-element.elementor-element-b5b660f::before { position: absolute; content: ""; top: -200%; left: 50%; transform: translate(-50%, -50%); background: #fff; /*altere a cor aqui*/ z-index: 2; transition: opacity 0.2s linear; opacity: 1; width: 50px; height: 500%; filter: blur(5px); border-radius: 8px; animation: rodar 5s infinite linear; transform-origin: center bottom; } /*animação do brilho*/ @keyframes rodar{ 0%{ transform: translate(-50%, -50%) rotate(0); } 100%{ transform: translate(-50%, -50%) rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e9435 *//* Estilo básico para o botão do Elementor */ .elementor-3324 .elementor-element.elementor-element-82e9435 .elementor-button { background: #B2FE02 !important; color: white !important; border-radius: 1000px !important; cursor: pointer !important; position: relative !important; z-index: 1 !important; overflow: hidden !important; } /* Quando o botão é hover, muda a cor do texto para preto */ .elementor-3324 .elementor-element.elementor-element-82e9435 .elementor-button:hover { color: black !important; } /* Efeito da camada branca por trás do botão */ .elementor-3324 .elementor-element.elementor-element-82e9435 .elementor-button::after { content: "" !important; background: white !important; position: absolute !important; z-index: -1 !important; left: -20% !important; right: -20% !important; top: 0 !important; bottom: 0 !important; transform: skewX(-45deg) scale(0, 1) !important; /* Começa invisível */ transition: all 0.5s !important; /* Transição suave */ } /* Quando o botão é hover, a camada branca aparece */ .elementor-3324 .elementor-element.elementor-element-82e9435 .elementor-button:hover::after { transform: skewX(-45deg) scale(1, 1) !important; /* Expande a camada */ -webkit-transition: all 0.5s !important; transition: all 0.5s !important; /* Transição suave */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f54f73c */.elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; border: none; cursor: pointer; overflow: hidden; text-decoration: none; -webkit-tap-highlight-color: transparent; box-shadow: 0 323px 90px 0 rgba(192, 192, 192, .01), 0 207px 83px 0 rgba(192, 192, 192, .07), 0 116px 70px 0 rgba(192, 192, 192, .15), 0 52px 52px 0 rgba(192, 192, 192, .25), 0 13px 28px 0 rgba(192, 192, 192, .35); transition: transform 0.1s ease-out, box-shadow 0.1s ease-out; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button::before, .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; transition: opacity 0.5s ease; pointer-events: none; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button::before { background: linear-gradient(83deg, #ACACAC -11.49%, #D6D6D6 19.68%, #FFF 50.85%, #D5D5D5 82.01%, #ACACAC 113.18%); z-index: 0; opacity: 1; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button::after { background: linear-gradient(83deg, #ACACAC -11.49%, #D6D6D6 19.68%, #FFF 50.85%, #D5D5D5 82.01%, #ACACAC 113.18%); opacity: 0; z-index: 1; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button:hover::after { opacity: 1; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button:active { transform: translateY(3px); box-shadow: 0 -2px 0 0 #C0C0C0 inset, 0 140px 50px 0 rgba(192, 192, 192, .05), 0 80px 40px 0 rgba(192, 192, 192, .10), 0 30px 25px 0 rgba(192, 192, 192, .15), 0 5px 10px 0 rgba(192, 192, 192, .25); } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button-content-wrapper { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button-text { line-height: normal; text-align: center; } .elementor-3324 .elementor-element.elementor-element-f54f73c .elementor-button:focus-visible { outline: none; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5c7a4be *//* Personalize esse botão com o Easy Coder */ .containerBotoesPersonalizado { width: 300px; /* Largura do botão */ height: 60px; /* Altura do botão */ position: relative; /* Para possibilitar o posicionamento do botão inferior */ } /* Personalize o botão superior com o Easy Coder */ .botaoSuperiorPersonalizado, .botaoInferiorPersonalizado { width: 100%; /* O botão ocupa 100% da largura do contêiner */ height: 100%; /* O botão ocupa 100% da altura do contêiner */ font-family: "DM Sans", sans-serif; /* Fonte do botão */ font-weight: 500; /* Peso da fonte (negrito moderado) */ font-size: 16px; /* Tamanho da fonte */ letter-spacing: 2px; /* Espaçamento entre as letras */ border-radius: 8px; /* Bordas arredondadas do botão */ border: none; /* Remove qualquer borda padrão */ display: flex; /* Usando Flexbox para garantir alinhamento adequado */ justify-content: center; /* Alinha o texto horizontalmente ao centro */ align-items: center; /* Alinha o texto verticalmente ao centro */ } /* Botão Superior com Gradiente e Animação */ .botaoSuperiorPersonalizado { background: linear-gradient(90deg, rgb(179, 254, 3) 0%, rgb(203, 255, 80) 100%); /* Gradiente com valores RGB */ color: black; /* Cor do texto */ /* Máscara aplicada ao botão */ mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); /* Mascara de imagem */ -webkit-mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); /* Compatibilidade com Webkit */ mask-size: 2300% 100%; /* Tamanho da máscara, fazendo-a muito maior que o botão */ -webkit-mask-size: 2300% 100%; /* Compatibilidade com Webkit */ mask-position: 0% 0%; /* Posição inicial da máscara */ -webkit-mask-position: 0% 0%; /* Compatibilidade com Webkit */ z-index: 1; /* Garante que o botão superior fique acima do inferior */ position: relative; /* Permite o controle sobre a posição do botão */ } /* Botão Inferior */ .botaoInferiorPersonalizado { position: absolute; /* O botão é posicionado absolutamente dentro do contêiner */ top: 50%; /* Posiciona o botão no meio do contêiner verticalmente */ left: 50%; /* Posiciona o botão no meio do contêiner horizontalmente */ transform: translate(-50%, -50%); /* Centraliza o botão exatamente no centro do contêiner */ z-index: 0; /* O botão inferior ficará atrás do superior */ width: 98%; /* O botão inferior ocupará 98% da largura do contêiner */ height: 98%; /* O botão inferior ocupará 98% da altura do contêiner */ background-color: white; /* Fundo branco do botão inferior */ color: black; /* Cor do texto do botão inferior */ } @keyframes mascara { 0% { mask-position: 0% 0%; } 100% { mask-position: 100% 0%; } } @keyframes mascaraInverso { 0% { mask-position: 100% 0%; } 100% { mask-position: 0% 0%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-782d2b2 */:root { --cor-borda-botao: transparent; /* Sem cor definida para a borda */ --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; --fundo-botao-hover: transparent; /* Sem cor definida para o fundo */ --intensidade-sombra: 30px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(38, 104, 246, 0.815); --expansao-sombra: 5px; --cor-brilho-interno: #fff; --blur-brilho-interno: 50px; --expansao-brilho-interno: 30px; --inclinacao-brilho-interno: -20deg; --velocidade-animacao-brilho: 500ms; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button { position: relative; overflow: hidden; transition: all var(--velocidade-transicao) ease-in; background: #B2FE02; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button:hover { background: var(--fundo-botao-hover); /* Herda a cor de fundo do botão no hover */ box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba); } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button:hover::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) 0s linear; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button::before { content: ''; display: block; width: 0px; height: 86%; position: absolute; top: 7%; left: 0%; opacity: 0; transform: skewX(var(--inclinacao-brilho-interno)); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); } @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button svg { width: 60px; vertical-align: middle; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button-content-wrapper { align-items: center; } @media only screen and (max-width: 600px) { .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button { overflow: hidden !important; } } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button { filter: saturate(150%); border-radius: 1000px; overflow: hidden !important; margin-bottom: -6px !important; position: relative; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button-text { z-index: 9; position: relative; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button::after { content: ""; background: linear-gradient(-90deg, white, #ffffff40); position: absolute; top: 0%; left: 0%; width: 42%; height: 3px; animation: luzEfeito 2s infinite ease; } @keyframes luzEfeito { 0% { transform: translateX(-100px); } 100% { transform: translateX(200px); } } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button::before { content: ""; background: linear-gradient(90deg, white, #ffffff40); position: absolute; top: 97%; left: 0%; width: 42%; height: 3px; animation: luzEfeito2 3.5s infinite ease; } @keyframes luzEfeito2 { 0% { transform: translateX(200px); } 100% { transform: translateX(-100px); } } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button-icon { position: absolute; top: 50%; left: 110%; transform: translateY(-50%) rotate(-45deg); transition: 0.5s ease all; } .elementor-3324 .elementor-element.elementor-element-782d2b2:hover .elementor-button-icon { transform: translateY(-50%) rotate(0deg); } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button-wrapper::after { content: ""; background: url("https://rtl4013zxp.easybuilder.com.br/wp-content/uploads/2025/06/arrow-1.svg"); width: 100%; height: 100%; position: absolute; top: 50%; left: calc(50% + 30px); transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center right; transition: 0.7s ease all; } .elementor-3324 .elementor-element.elementor-element-782d2b2:hover .elementor-button-wrapper::after { content: ""; background: url("https://rtl4013zxp.easybuilder.com.br/wp-content/uploads/2025/06/arrow-1.svg"); width: 100%; height: 100%; position: absolute; top: 50%; left: calc(50% + 40px); transform: translate(-50%, -50%); rotate: 0deg; background-repeat: no-repeat; background-position: center right; transition: 0.5s ease all; } .elementor-3324 .elementor-element.elementor-element-782d2b2 .elementor-button-wrapper::before { content: ""; background: #ffffff15; width: 135%; height: 130%; position: absolute; top: 50%; left: -4%; transform: translateY(-50%); border-radius: 1000px; border: solid 1px #ffffff15; transition: 0.7s ease all; } .elementor-3324 .elementor-element.elementor-element-782d2b2:hover .elementor-button-wrapper::before { content: ""; background: #ffffff25; width: 135%; height: 130%; position: absolute; top: 50%; left: -4%; transform: translateY(-50%); border-radius: 1000px; border: solid 1px #ffffff15; transition: 0.7s ease all; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fec6826 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #000000; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #1a1818; /* Cor do texto do botão */ --shiny-cta-fg: #ffffff; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #74FE03; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-3324 .elementor-element.elementor-element-fec6826 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-3324 .elementor-element.elementor-element-fec6826 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-3324 .elementor-element.elementor-element-fec6826::before, .elementor-3324 .elementor-element.elementor-element-fec6826::after, .elementor-3324 .elementor-element.elementor-element-fec6826 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-3324 .elementor-element.elementor-element-fec6826::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-3324 .elementor-element.elementor-element-fec6826::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-3324 .elementor-element.elementor-element-fec6826 span { z-index: 1; position: relative; } .elementor-3324 .elementor-element.elementor-element-fec6826 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-3324 .elementor-element.elementor-element-fec6826:hover, .elementor-3324 .elementor-element.elementor-element-fec6826:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-3324 .elementor-element.elementor-element-fec6826, .elementor-3324 .elementor-element.elementor-element-fec6826::before, .elementor-3324 .elementor-element.elementor-element-fec6826::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-3324 .elementor-element.elementor-element-fec6826:hover, .elementor-3324 .elementor-element.elementor-element-fec6826:hover::before, .elementor-3324 .elementor-element.elementor-element-fec6826:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-235e814 */.button { /* Cor do botão principal */ --black-700: hsla(72, 100%, 41%, 1); /* Cor verde do botão */ --border_radius: 9999px; /* Bordas arredondadas */ --transtion: 0.3s ease-in-out; /* Transição suave */ --offset: 2px; /* Deslocamento da sombra do botão */ cursor: pointer; position: relative; display: flex; align-items: center; gap: 0.5rem; transform-origin: center; padding: 1rem 2rem; background-color: transparent; /* Fundo transparente */ border: none; border-radius: var(--border_radius); /* Bordas arredondadas */ transform: scale(calc(1 + (var(--active, 0) * 0.1))); /* Escala do botão quando ativado */ transition: transform var(--transtion); /* Transição para o efeito de escala */ } .button::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #7FFA32; /* Cor verde do botão */ border-radius: var(--border_radius); box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%), 0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))), 0 0 0 calc(var(--active, 0) * 0.375rem) hsla(0, 0%, 100%, 0.5); /* Sombra interna e externa */ transition: all var(--transtion); /* Transição suave para efeitos de sombra e escala */ z-index: 0; } .button::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #7FFA32; /* Cor verde do botão */ /* Gradientes para o efeito de brilho */ background-image: radial-gradient( at 51% 89%, #B6FF88 0px, /* Brilho mais claro */ transparent 50% ), radial-gradient( at 100% 100%, #B6FF88 0px, /* Brilho mais claro */ transparent 50% ), radial-gradient( at 22% 91%, #B6FF88 0px, /* Brilho mais claro */ transparent 50% ); background-position: top; opacity: var(--active, 0); /* Controle de opacidade no hover */ border-radius: var(--border_radius); transition: opacity var(--transtion); /* Transição de opacidade */ z-index: 2; } .button:is(:hover, :focus-visible) { --active: 1; /* Ativa o efeito de brilho no hover */ } .button:active { transform: scale(1); /* Remover a escala extra ao clicar */ } .button .dots_border { --size_border: calc(100% + 2px); overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--size_border); height: var(--size_border); background-color: transparent; border-radius: var(--border_radius); z-index: -10; } .button .dots_border::before { content: ""; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); transform-origin: left; transform: rotate(0deg); width: 100%; height: 2rem; background-color: white; /* Cor dos pontos da animação */ mask: linear-gradient(transparent 0%, white 120%); animation: rotate 2s linear infinite; /* Animação de rotação */ } @keyframes rotate { to { transform: rotate(360deg); } } .button .sparkle { position: relative; z-index: 10; width: 1.75rem; } .button .sparkle .path { transform-origin: center; color: #000000; /* Cor da "estrela" (brilho) */ } .button:is(:hover, :focus) .sparkle .path { animation: path 1.5s linear 0.5s infinite; /* Animação das estrelas de brilho */ } @keyframes path { 0%, 34%, 71%, 100% { transform: scale(1); } 17% { transform: scale(1); } 49% { transform: scale(1); } 83% { transform: scale(1); } } .button .text_button { position: relative; z-index: 10; background-image: none; /* Remove gradiente do texto */ color: #000000; /* Cor do texto preto */ font-weight: 500; font-family: "Unbounded", sans-serif; /* Fonte utilizada no botão */ font-size: 1rem; transition: text-shadow 0.3s ease; /* Transição suave para o brilho no texto */ } /* Efeito de brilho no texto */ .button:is(:hover, :focus-visible) .text_button { text-shadow: 0 0 10px #9CFF6A, 0 0 20px #9CFF6A, 0 0 30px #9CFF6A; /* Brilho verde mais claro no texto */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c37231e *//* Personalizar utilizando o Easy Coder*/ .elementor-3324 .elementor-element.elementor-element-c37231e { border-radius: 12px; /* Cantos arredondados do botão */ background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 100%); /* Fundo com um degradê de azul para verde */ box-shadow: 0 20px 30px -6px rgba(11, 102, 180, 0.46); /* Sombra do botão, com um tom do gradiente (cor do azul) para dar profundidade */ outline: none; /* Remove a borda externa (foco) do botão */ cursor: pointer; /* Muda o cursor para "mãozinha" quando passa o mouse sobre o botão */ border: none; /* Remove qualquer borda do botão */ transition: 0.5s; /* Transição suave de 0.5 segundos para animações */ position: relative; /* Posicionamento relativo, necessário para o uso do ::before */ overflow: hidden; /* Garante que os elementos internos não ultrapassem os limites do botão */ display: inline-flex; /* Alinha o conteúdo do botão em linha com flexbox */ align-items: center; /* Alinha o conteúdo (ícone + texto) ao centro verticalmente */ color: white; /* Cor do texto do botão (branco) */ } /* Estilizando o ícone do Elementor que pode ser incluído no botão */ .elementor-3324 .elementor-element.elementor-element-c37231e .elementor-button-icon { font-size: 17px; /* Tamanho do ícone dentro do botão */ color: white; /* Cor do ícone (branco) */ margin-right: 8px; /* Espaço entre o ícone e o texto */ transition: transform 0.5s ease; /* Transição suave para animações quando o ícone for movido */ } /* Microinteração no hover: o ícone do botão se move e gira */ .elementor-3324 .elementor-element.elementor-element-c37231e:hover .elementor-button-icon { transform: translateX(5px) rotate(5deg); /* Quando o mouse passar sobre o botão, o ícone se move para a direita e gira um pouco */ } /* Efeito visual ao pressionar o botão (efeito de clique) */ .elementor-3324 .elementor-element.elementor-element-c37231e:active { opacity: 0.5; /* Diminui a opacidade do botão para indicar que está sendo pressionado */ } /* Efeito de luz passando em diagonal sobre o botão */ .elementor-3324 .elementor-element.elementor-element-c37231e::before { content: ''; /* Necessário para o uso do ::before, já que ele não carrega conteúdo por si só */ background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); /* Gradiente de luz (um tom de cinza claro para transparente) */ width: 70px; /* Largura da luz (fica com uma linha fina) */ height: 130%; /* A altura da luz é maior que o botão, para "passar por ele" */ position: absolute; /* Coloca a luz sobre o botão */ transform: translateX(-50%) skew(-25deg); /* Centraliza a luz e a inclina para dar o efeito de movimento */ bottom: 0%; /* Coloca a luz no fundo do botão */ user-select: none; /* Impede que a luz seja selecionada ao clicar */ pointer-events: none; /* Impede que a luz interaja com o mouse */ animation: shinery 3s infinite ease-in-out; /* Animação da luz com o nome "shinery", que se move por 3 segundos e repete infinitamente */ filter: blur(3px); /* Aplica um desfoque à luz para dar um efeito mais suave */ } /* Keyframes da animação da luz (a luz se move de um lado para o outro e desaparece) */ @keyframes shinery { 0%, 100% { left: -10%; /* A luz começa fora da tela à esquerda */ opacity: 0; /* Começa invisível */ } 20% { opacity: 1; /* Fica visível */ } 48% { left: 110%; /* A luz se move para a direita fora da tela */ opacity: 1; /* Mantém visível */ } 51% { opacity: 0; /* Fica invisível novamente */ } } /* Efeito de hover no botão: ao passar o mouse sobre ele */ .elementor-3324 .elementor-element.elementor-element-c37231e:hover { transform: translateY(-8px); /* O botão se move um pouco para cima */ box-shadow: none; /* Remove a sombra do botão quando o hover ocorre */ transition: 0.5s; /* Transição suave de 0.5 segundos */ }/* End custom CSS */