.elementor-9 .elementor-element.elementor-element-4941e14{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4941e14:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4941e14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-9 .elementor-element.elementor-element-4941e14.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-6d2aee7{--display:flex;--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;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-f02283a .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-d5759e9 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-widget-image .widget-image-caption{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 );}.elementor-9 .elementor-element.elementor-element-685bb69{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-685bb69.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-685bb69:not( .elementor-widget-image ), .elementor-9 .elementor-element.elementor-element-685bb69.elementor-widget-image img{-webkit-mask-image:url( https://playcanecas.com.br/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-9 .elementor-element.elementor-element-685bb69 img{width:100%;border-style:solid;border-width:5px 5px 5px 5px;border-color:#FF1159;border-radius:100px 100px 100px 100px;}.elementor-9 .elementor-element.elementor-element-0b24a56 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-1137cee .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-bbb1414{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-bbb1414.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-bbb1414:not( .elementor-widget-image ), .elementor-9 .elementor-element.elementor-element-bbb1414.elementor-widget-image img{-webkit-mask-image:url( https://playcanecas.com.br/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-9 .elementor-element.elementor-element-bbb1414 img{width:100%;border-style:solid;border-color:#FF015A;border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-25f14b1{--display:flex;--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;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-0226473 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-da2277f .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-1107859 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-8c4805d .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:400;color:#818181;}.elementor-9 .elementor-element.elementor-element-68cab22{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-68cab22.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-2b9cf99{--e-image-carousel-slides-to-show:10;}.elementor-9 .elementor-element.elementor-element-2b9cf99 .swiper-wrapper{display:flex;align-items:center;}.elementor-9 .elementor-element.elementor-element-2b9cf99 .elementor-image-carousel-caption{text-align:center;color:#C0C0C0;font-size:7px;}.elementor-9 .elementor-element.elementor-element-766a446{--grid-template-columns:repeat(0, auto);text-align:center;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-9 .elementor-element.elementor-element-766a446 .elementor-social-icon{background-color:#02010100;}.elementor-9 .elementor-element.elementor-element-766a446 .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-766a446 .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-35113c8{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-ae45446 .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-9 .elementor-element.elementor-element-ae45446.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-88fb3f6 .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-9 .elementor-element.elementor-element-88fb3f6.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-a0b8acf .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-9 .elementor-element.elementor-element-a0b8acf.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-8ef66aa .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-9 .elementor-element.elementor-element-8ef66aa.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-563840c .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-9 .elementor-element.elementor-element-563840c.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-625887f{--display:flex;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-985f75b .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-9 .elementor-element.elementor-element-985f75b.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-07c2274 .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-9 .elementor-element.elementor-element-07c2274.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-248f99c .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-9 .elementor-element.elementor-element-248f99c.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-55e986c .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-9 .elementor-element.elementor-element-55e986c.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-ca8cfa2 .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-9 .elementor-element.elementor-element-ca8cfa2.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-94d3d0e .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-9 .elementor-element.elementor-element-94d3d0e.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-a7a3eda .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-9 .elementor-element.elementor-element-a7a3eda.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-c5109d6 .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-9 .elementor-element.elementor-element-c5109d6.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-499322e .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-9 .elementor-element.elementor-element-499322e.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-7638422 .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-9 .elementor-element.elementor-element-7638422.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-6a23acc .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-9 .elementor-element.elementor-element-6a23acc.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-c58491d{--display:flex;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-63df0fb .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-9 .elementor-element.elementor-element-63df0fb.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-44c31d6 .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-9 .elementor-element.elementor-element-44c31d6.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-5644c5c .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-9 .elementor-element.elementor-element-5644c5c.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-9fb0777 .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-9 .elementor-element.elementor-element-9fb0777.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-d7bab68{width:var( --container-widget-width, 27.787% );max-width:27.787%;--container-widget-width:27.787%;--container-widget-flex-grow:0;z-index:10;}.elementor-9 .elementor-element.elementor-element-d7bab68.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-d7bab68 img{transition-duration:0.5s;}.elementor-9 .elementor-element.elementor-element-e4524d7{width:var( --container-widget-width, 27.787% );max-width:27.787%;--container-widget-width:27.787%;--container-widget-flex-grow:0;z-index:10;}.elementor-9 .elementor-element.elementor-element-e4524d7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-e4524d7 img{transition-duration:0.5s;}.elementor-9 .elementor-element.elementor-element-3e5c2df{width:var( --container-widget-width, 27.787% );max-width:27.787%;--container-widget-width:27.787%;--container-widget-flex-grow:0;z-index:10;}.elementor-9 .elementor-element.elementor-element-3e5c2df.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-3e5c2df img{transition-duration:0.5s;}.elementor-9 .elementor-element.elementor-element-16a2524{width:var( --container-widget-width, 27.787% );max-width:27.787%;--container-widget-width:27.787%;--container-widget-flex-grow:0;z-index:10;}.elementor-9 .elementor-element.elementor-element-16a2524.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-16a2524 img{transition-duration:0.5s;}.elementor-9 .elementor-element.elementor-element-dc406d3{width:var( --container-widget-width, 27.787% );max-width:27.787%;--container-widget-width:27.787%;--container-widget-flex-grow:0;z-index:10;}.elementor-9 .elementor-element.elementor-element-dc406d3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-dc406d3 img{transition-duration:0.5s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-a9c12f9{--divider-border-style:solid;--divider-color:#FFFFFF15;--divider-border-width:1px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-9 .elementor-element.elementor-element-a9c12f9 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-a9c12f9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9 .elementor-element.elementor-element-16f9aeb{--e-image-carousel-slides-to-show:2;width:var( --container-widget-width, 29.274% );max-width:29.274%;--container-widget-width:29.274%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-16f9aeb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-16f9aeb .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:7px 7px 7px 7px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-c76b96f{width:var( --container-widget-width, 28.404% );max-width:28.404%;--container-widget-width:28.404%;--container-widget-flex-grow:0;font-family:"SF Pro Display", Sans-serif;font-size:14px;font-weight:400;color:#858585;}.elementor-9 .elementor-element.elementor-element-c76b96f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-d6b3f00{--display:flex;--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;--justify-content:flex-start;--align-items:center;--gap:370px 370px;--row-gap:370px;--column-gap:370px;--z-index:1;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-922af10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-922af10.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-922af10 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-922af10.elementor-view-stacked .elementor-icon{background-color:#FAE44300;}.elementor-9 .elementor-element.elementor-element-922af10.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-922af10.elementor-view-default .elementor-icon{color:#FAE44300;border-color:#FAE44300;}.elementor-9 .elementor-element.elementor-element-922af10.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-922af10.elementor-view-default .elementor-icon svg{fill:#FAE44300;}.elementor-9 .elementor-element.elementor-element-922af10 .elementor-icon{font-size:26px;}.elementor-9 .elementor-element.elementor-element-922af10 .elementor-icon svg{height:26px;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-4941e14{--padding-top:80px;--padding-bottom:80px;--padding-left:030px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-685bb69{border-radius:100px 100px 100px 100px;}.elementor-9 .elementor-element.elementor-element-bbb1414 img{border-radius:100px 100px 100px 100px;}.elementor-9 .elementor-element.elementor-element-2b9cf99{--e-image-carousel-slides-to-show:7;}.elementor-9 .elementor-element.elementor-element-d7bab68{width:var( --container-widget-width, 401.953px );max-width:401.953px;--container-widget-width:401.953px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-e4524d7{width:var( --container-widget-width, 401.953px );max-width:401.953px;--container-widget-width:401.953px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-3e5c2df{width:var( --container-widget-width, 401.953px );max-width:401.953px;--container-widget-width:401.953px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-16a2524{width:var( --container-widget-width, 401.953px );max-width:401.953px;--container-widget-width:401.953px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-dc406d3{width:var( --container-widget-width, 401.953px );max-width:401.953px;--container-widget-width:401.953px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-d6b3f00{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-922af10{width:var( --container-widget-width, 67px );max-width:67px;--container-widget-width:67px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-4941e14{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-685bb69{width:var( --container-widget-width, 159.109px );max-width:159.109px;--container-widget-width:159.109px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-bbb1414{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-bbb1414 img{border-width:4px 4px 4px 4px;border-radius:100px 100px 100px 100px;}.elementor-9 .elementor-element.elementor-element-25f14b1{--justify-content:space-around;--gap:23px 23px;--row-gap:23px;--column-gap:23px;}.elementor-9 .elementor-element.elementor-element-0226473 .elementor-heading-title{font-size:13px;}.elementor-9 .elementor-element.elementor-element-da2277f .elementor-heading-title{font-size:13px;}.elementor-9 .elementor-element.elementor-element-1107859 .elementor-heading-title{font-size:13px;}.elementor-9 .elementor-element.elementor-element-8c4805d .elementor-heading-title{font-size:13px;}.elementor-9 .elementor-element.elementor-element-68cab22{--width:100%;}.elementor-9 .elementor-element.elementor-element-2b9cf99{--e-image-carousel-slides-to-show:6;margin:0px -43px calc(var(--kit-widget-spacing, 0px) + 0px) -43px;}.elementor-9 .elementor-element.elementor-element-766a446{--icon-size:15px;}.elementor-9 .elementor-element.elementor-element-766a446 .elementor-social-icon{--icon-padding:0.7em;}.elementor-9 .elementor-element.elementor-element-ae45446 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-88fb3f6 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-a0b8acf .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-8ef66aa .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-563840c .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-985f75b .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-07c2274 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-248f99c .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-55e986c .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-ca8cfa2 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-94d3d0e .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-a7a3eda .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-c5109d6 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-499322e .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-7638422 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-6a23acc .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-63df0fb .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-44c31d6 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-5644c5c .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-9fb0777 .elementor-button{font-size:14px;}.elementor-9 .elementor-element.elementor-element-d7bab68{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-e4524d7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-3e5c2df{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-16a2524{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-dc406d3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-a9c12f9{padding:0px 20px 0px 20px;}.elementor-9 .elementor-element.elementor-element-16f9aeb{--e-image-carousel-slides-to-show:2;width:var( --container-widget-width, 293.188px );max-width:293.188px;--container-widget-width:293.188px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-16f9aeb .swiper-wrapper{display:flex;align-items:center;}.elementor-9 .elementor-element.elementor-element-16f9aeb .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-c76b96f{width:var( --container-widget-width, 282px );max-width:282px;--container-widget-width:282px;--container-widget-flex-grow:0;font-size:13px;}.elementor-9 .elementor-element.elementor-element-d6b3f00{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-922af10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-6d2aee7{--content-width:742px;}.elementor-9 .elementor-element.elementor-element-25f14b1{--content-width:742px;}.elementor-9 .elementor-element.elementor-element-68cab22{--width:47.21%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-68cab22{--width:505.672px;}}/* Start custom CSS for image-carousel, class: .elementor-element-2b9cf99 */.elementor-9 .elementor-element.elementor-element-2b9cf99 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ae45446 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-ae45446 {
  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-9 .elementor-element.elementor-element-ae45446 .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-9 .elementor-element.elementor-element-ae45446: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-9 .elementor-element.elementor-element-ae45446: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-9 .elementor-element.elementor-element-ae45446::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-9 .elementor-element.elementor-element-ae45446: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 */
/* Start custom CSS for button, class: .elementor-element-88fb3f6 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-88fb3f6 {
  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-9 .elementor-element.elementor-element-88fb3f6 .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-9 .elementor-element.elementor-element-88fb3f6: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-9 .elementor-element.elementor-element-88fb3f6: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-9 .elementor-element.elementor-element-88fb3f6::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-9 .elementor-element.elementor-element-88fb3f6: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 */
/* Start custom CSS for button, class: .elementor-element-a0b8acf *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-a0b8acf {
  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-9 .elementor-element.elementor-element-a0b8acf .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-9 .elementor-element.elementor-element-a0b8acf: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-9 .elementor-element.elementor-element-a0b8acf: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-9 .elementor-element.elementor-element-a0b8acf::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-9 .elementor-element.elementor-element-a0b8acf: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 */
/* Start custom CSS for button, class: .elementor-element-8ef66aa *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-8ef66aa {
  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-9 .elementor-element.elementor-element-8ef66aa .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-9 .elementor-element.elementor-element-8ef66aa: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-9 .elementor-element.elementor-element-8ef66aa: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-9 .elementor-element.elementor-element-8ef66aa::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-9 .elementor-element.elementor-element-8ef66aa: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 */
/* Start custom CSS for button, class: .elementor-element-563840c *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-563840c {
  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-9 .elementor-element.elementor-element-563840c .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-9 .elementor-element.elementor-element-563840c: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-9 .elementor-element.elementor-element-563840c: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-9 .elementor-element.elementor-element-563840c::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-9 .elementor-element.elementor-element-563840c: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 */
/* Start custom CSS for button, class: .elementor-element-985f75b *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-985f75b {
  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-9 .elementor-element.elementor-element-985f75b .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-9 .elementor-element.elementor-element-985f75b: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-9 .elementor-element.elementor-element-985f75b: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-9 .elementor-element.elementor-element-985f75b::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-9 .elementor-element.elementor-element-985f75b: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 */
/* Start custom CSS for button, class: .elementor-element-07c2274 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-07c2274 {
  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-9 .elementor-element.elementor-element-07c2274 .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-9 .elementor-element.elementor-element-07c2274: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-9 .elementor-element.elementor-element-07c2274: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-9 .elementor-element.elementor-element-07c2274::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-9 .elementor-element.elementor-element-07c2274: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 */
/* Start custom CSS for button, class: .elementor-element-248f99c *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-248f99c {
  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-9 .elementor-element.elementor-element-248f99c .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-9 .elementor-element.elementor-element-248f99c: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-9 .elementor-element.elementor-element-248f99c: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-9 .elementor-element.elementor-element-248f99c::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-9 .elementor-element.elementor-element-248f99c: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 */
/* Start custom CSS for button, class: .elementor-element-55e986c *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-55e986c {
  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-9 .elementor-element.elementor-element-55e986c .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-9 .elementor-element.elementor-element-55e986c: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-9 .elementor-element.elementor-element-55e986c: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-9 .elementor-element.elementor-element-55e986c::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-9 .elementor-element.elementor-element-55e986c: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 */
/* Start custom CSS for button, class: .elementor-element-ca8cfa2 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-ca8cfa2 {
  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-9 .elementor-element.elementor-element-ca8cfa2 .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-9 .elementor-element.elementor-element-ca8cfa2: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-9 .elementor-element.elementor-element-ca8cfa2: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-9 .elementor-element.elementor-element-ca8cfa2::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-9 .elementor-element.elementor-element-ca8cfa2: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 */
/* Start custom CSS for button, class: .elementor-element-94d3d0e *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-94d3d0e {
  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-9 .elementor-element.elementor-element-94d3d0e .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-9 .elementor-element.elementor-element-94d3d0e: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-9 .elementor-element.elementor-element-94d3d0e: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-9 .elementor-element.elementor-element-94d3d0e::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-9 .elementor-element.elementor-element-94d3d0e: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 */
/* Start custom CSS for button, class: .elementor-element-a7a3eda *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-a7a3eda {
  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-9 .elementor-element.elementor-element-a7a3eda .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-9 .elementor-element.elementor-element-a7a3eda: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-9 .elementor-element.elementor-element-a7a3eda: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-9 .elementor-element.elementor-element-a7a3eda::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-9 .elementor-element.elementor-element-a7a3eda: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 */
/* Start custom CSS for button, class: .elementor-element-c5109d6 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-c5109d6 {
  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-9 .elementor-element.elementor-element-c5109d6 .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-9 .elementor-element.elementor-element-c5109d6: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-9 .elementor-element.elementor-element-c5109d6: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-9 .elementor-element.elementor-element-c5109d6::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-9 .elementor-element.elementor-element-c5109d6: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 */
/* Start custom CSS for button, class: .elementor-element-499322e *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-499322e {
  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-9 .elementor-element.elementor-element-499322e .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-9 .elementor-element.elementor-element-499322e: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-9 .elementor-element.elementor-element-499322e: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-9 .elementor-element.elementor-element-499322e::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-9 .elementor-element.elementor-element-499322e: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 */
/* Start custom CSS for button, class: .elementor-element-7638422 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-7638422 {
  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-9 .elementor-element.elementor-element-7638422 .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-9 .elementor-element.elementor-element-7638422: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-9 .elementor-element.elementor-element-7638422: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-9 .elementor-element.elementor-element-7638422::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-9 .elementor-element.elementor-element-7638422: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 */
/* Start custom CSS for button, class: .elementor-element-6a23acc *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-6a23acc {
  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-9 .elementor-element.elementor-element-6a23acc .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-9 .elementor-element.elementor-element-6a23acc: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-9 .elementor-element.elementor-element-6a23acc: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-9 .elementor-element.elementor-element-6a23acc::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-9 .elementor-element.elementor-element-6a23acc: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 */
/* Start custom CSS for button, class: .elementor-element-63df0fb *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-63df0fb {
  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-9 .elementor-element.elementor-element-63df0fb .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-9 .elementor-element.elementor-element-63df0fb: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-9 .elementor-element.elementor-element-63df0fb: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-9 .elementor-element.elementor-element-63df0fb::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-9 .elementor-element.elementor-element-63df0fb: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 */
/* Start custom CSS for button, class: .elementor-element-44c31d6 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-44c31d6 {
  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-9 .elementor-element.elementor-element-44c31d6 .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-9 .elementor-element.elementor-element-44c31d6: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-9 .elementor-element.elementor-element-44c31d6: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-9 .elementor-element.elementor-element-44c31d6::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-9 .elementor-element.elementor-element-44c31d6: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 */
/* Start custom CSS for button, class: .elementor-element-5644c5c *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-5644c5c {
  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-9 .elementor-element.elementor-element-5644c5c .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-9 .elementor-element.elementor-element-5644c5c: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-9 .elementor-element.elementor-element-5644c5c: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-9 .elementor-element.elementor-element-5644c5c::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-9 .elementor-element.elementor-element-5644c5c: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 */
/* Start custom CSS for button, class: .elementor-element-9fb0777 *//* Personalizar utilizando o Easy Coder*/
.elementor-9 .elementor-element.elementor-element-9fb0777 {
  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-9 .elementor-element.elementor-element-9fb0777 .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-9 .elementor-element.elementor-element-9fb0777: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-9 .elementor-element.elementor-element-9fb0777: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-9 .elementor-element.elementor-element-9fb0777::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-9 .elementor-element.elementor-element-9fb0777: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 */