.elementor-23269 .elementor-element.elementor-element-9e5ae0a{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-9e5ae0a:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-9e5ae0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-28a961a{--display:flex;--border-radius:28px 28px 28px 28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-3c0a49a img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-f55a826 img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-3d5b297{--display:flex;--border-radius:28px 28px 28px 28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-6459787 img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-4474b88 img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-442b100{--display:flex;--border-radius:28px 28px 28px 28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-a5531d3 img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-994918e img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-6f0fecf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:64px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:-48px;--e-n-carousel-arrow-next-right-align:100%;--e-n-carousel-arrow-next-translate-x:100%;--e-n-carousel-arrow-next-right-position:-160px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:-48px;--e-n-carousel-arrow-size:56px;--e-n-carousel-arrow-normal-color:var( --e-global-color-ce04b95 );--e-n-carousel-arrow-hover-color:var( --e-global-color-df45b05 );--e-n-carousel-swiper-pagination-size:20px;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );--e-n-carousel-dots-hover-color:var( --e-global-color-df45b05 );--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-20px;}:where( .elementor-23269 .elementor-element.elementor-element-6f0fecf .swiper-slide ) > .e-con{background-color:var( --e-global-color-ce04b95 );}.elementor-23269 .elementor-element.elementor-element-6f0fecf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-6f0fecf :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-6f0fecf .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-23269 .elementor-element.elementor-element-ee3532e{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:3px 0px 3px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:var( --e-global-color-df45b05 );--border-color:var( --e-global-color-df45b05 );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-ee3532e:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-ee3532e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/08/Banner-Missao-YES-2-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-23269 .elementor-element.elementor-element-7a0e30a{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right: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-23269 .elementor-element.elementor-element-7552b38 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;color:#052858;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-23269 .elementor-element.elementor-element-89ab78e{font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );color:#243044;}.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-23269 .elementor-element.elementor-element-0c1cb1c .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:27.2px;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:16px 40px 16px 40px;}.elementor-23269 .elementor-element.elementor-element-fef8ee6{--display:flex;border-style:none;--border-style:none;}.elementor-23269 .elementor-element.elementor-element-a83d60d > .elementor-widget-container{padding:0px 0px 0px 80px;}.elementor-23269 .elementor-element.elementor-element-a83d60d{text-align:start;}.elementor-23269 .elementor-element.elementor-element-a83d60d img{width:200px;}.elementor-23269 .elementor-element.elementor-element-7c5abac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-7c5abac:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-7c5abac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce04b95 );}.elementor-23269 .elementor-element.elementor-element-c4585a9{text-align:center;}.elementor-23269 .elementor-element.elementor-element-c4585a9 .elementor-heading-title{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-228e9f1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-23269 .elementor-element.elementor-element-228e9f1 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;}.elementor-23269 .elementor-element.elementor-element-476425b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-476425b > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-23269 .elementor-element.elementor-element-745c800{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-0ddd376{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-4121edc );--border-color:var( --e-global-color-4121edc );--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-0ddd376:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-0ddd376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce04b95 );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );color:var( --e-global-color-text );}.elementor-23269 .elementor-element.elementor-element-d4a106f{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-d4a106f > .elementor-widget-container{background-color:transparent;padding:28px 28px 28px 28px;background-image:linear-gradient(270deg, #F1F3F5 0%, #FFFFFF 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4ca09bc );border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title{margin-block-end:4px;}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title, .elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title a{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-description{font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:27.2px;}.elementor-23269 .elementor-element.elementor-element-39966a4{--e-image-carousel-slides-to-show:4;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-39966a4 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-23269 .elementor-element.elementor-element-39966a4.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-d3c1a08{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-18c4d5d );--border-color:var( --e-global-color-18c4d5d );--border-radius:36px 36px 36px 36px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{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-23269 .elementor-element.elementor-element-81f8ef7{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 > .elementor-widget-container{background-color:transparent;padding:36px 28px 36px 28px;background-image:linear-gradient(0deg, var( --e-global-color-18c4d5d ) 0%, #007AB0 100%);border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 .elementor-counter{flex-direction:column-reverse;gap:8px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 .elementor-counter-title{justify-content:start;color:var( --e-global-color-4121edc );font-family:"Roc Grotesk", Sans-serif;font-size:0.875rem;font-weight:400;line-height:22.4px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:2.9rem;font-weight:600;line-height:2.75rem;letter-spacing:-0.2px;}.elementor-23269 .elementor-element.elementor-element-0497759{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-0497759 > .elementor-widget-container{background-color:transparent;padding:36px 28px 36px 28px;background-image:linear-gradient(180deg, #008A3F 0%, #003D1B 100%);border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-0497759 .elementor-counter{flex-direction:column-reverse;gap:8px;}.elementor-23269 .elementor-element.elementor-element-0497759 .elementor-counter-title{justify-content:start;color:var( --e-global-color-4121edc );font-family:"Roc Grotesk", Sans-serif;font-size:0.875rem;font-weight:400;line-height:22.4px;}.elementor-23269 .elementor-element.elementor-element-0497759 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:3rem;font-weight:600;line-height:2.75rem;letter-spacing:-0.2px;}.elementor-23269 .elementor-element.elementor-element-3e0a987{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-3e0a987 > .elementor-widget-container{background-color:transparent;padding:36px 28px 36px 28px;background-image:linear-gradient(0deg, var( --e-global-color-13c9c95 ) 0%, var( --e-global-color-915860a ) 65%);border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-3e0a987 .elementor-counter{flex-direction:column-reverse;gap:8px;}.elementor-23269 .elementor-element.elementor-element-3e0a987 .elementor-counter-title{justify-content:start;color:var( --e-global-color-4121edc );font-family:"Roc Grotesk", Sans-serif;font-size:0.875rem;font-weight:400;line-height:22.4px;}.elementor-23269 .elementor-element.elementor-element-3e0a987 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:2.9rem;font-weight:600;line-height:2.75rem;letter-spacing:-0.2px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-a8ed81e > .elementor-widget-container{background-color:transparent;padding:36px 28px 36px 28px;background-image:linear-gradient(0deg, var( --e-global-color-18c4d5d ) 0%, var( --e-global-color-df45b05 ) 100%);border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e .elementor-counter{flex-direction:column-reverse;gap:8px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e .elementor-counter-title{justify-content:start;color:var( --e-global-color-4121edc );font-family:"Roc Grotesk", Sans-serif;font-size:0.875rem;font-weight:400;line-height:22.4px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:2.9rem;font-weight:600;line-height:2.75rem;letter-spacing:-0.2px;}.elementor-23269 .elementor-element.elementor-element-9967cb4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-9967cb4:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-9967cb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce04b95 );}.elementor-23269 .elementor-element.elementor-element-9decac8{text-align:center;}.elementor-23269 .elementor-element.elementor-element-9decac8 .elementor-heading-title{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-20448f3{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-23269 .elementor-element.elementor-element-20448f3 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23269 .elementor-element.elementor-element-0227116{--display:flex;}.elementor-23269 .elementor-element.elementor-element-82d2da1{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-82d2da1:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-82d2da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-a07e70f img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-143fb8a{text-align:center;}.elementor-23269 .elementor-element.elementor-element-143fb8a .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-cfae61a{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-458296a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-458296a:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-458296a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-921fa5c img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-9bf895e{text-align:center;}.elementor-23269 .elementor-element.elementor-element-9bf895e .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f0a2de9{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:16px 40px 16px 40px;}.elementor-23269 .elementor-element.elementor-element-e3d40fa{--display:flex;--min-height:498px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-e3d40fa:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-e3d40fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-b0367e2 img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-975ea51{text-align:center;}.elementor-23269 .elementor-element.elementor-element-975ea51 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-e0a9ebf{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-de173dc{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-de173dc:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-de173dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-b25379e img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-b5a3c6c{text-align:center;}.elementor-23269 .elementor-element.elementor-element-b5a3c6c .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f148ef3{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-d301f94{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-d301f94:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-d301f94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-2014914 img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-ecde241{text-align:center;}.elementor-23269 .elementor-element.elementor-element-ecde241 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-64deb5a{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-d1bb001{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-d1bb001 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-d1bb001 > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-d1bb001 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-d1bb001 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-d1380c6{--display:flex;}.elementor-23269 .elementor-element.elementor-element-96e8675{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-96e8675:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-96e8675 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-9938e07.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-9938e07 img{width:360px;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-6a3af01{text-align:center;}.elementor-23269 .elementor-element.elementor-element-6a3af01 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0dcfc56{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-e0f64cf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-e0f64cf :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-e0f64cf > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-e0f64cf :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-e0f64cf .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-1284217{--display:flex;}.elementor-23269 .elementor-element.elementor-element-a092a45{--display:flex;--min-height:498px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-a092a45:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-a092a45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-199ab5a img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-ad44e4b{text-align:center;}.elementor-23269 .elementor-element.elementor-element-ad44e4b .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-98ee388{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-c221821{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-c221821:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-c221821 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-874c818 img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-d875d8c{text-align:center;}.elementor-23269 .elementor-element.elementor-element-d875d8c .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-3c1219b{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:16px 40px 16px 40px;}.elementor-23269 .elementor-element.elementor-element-d95fb15{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-d95fb15:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-d95fb15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-7664d11 img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-39e084e{text-align:center;}.elementor-23269 .elementor-element.elementor-element-39e084e .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-b603d4a{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-4e71f45{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-4e71f45:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-4e71f45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-0d61a43 img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-ac9fc36{text-align:center;}.elementor-23269 .elementor-element.elementor-element-ac9fc36 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-c4d29a2{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-1859f1d{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-1859f1d :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-1859f1d > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-1859f1d :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-1859f1d .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-a86588b{--display:flex;}.elementor-23269 .elementor-element.elementor-element-64d7713{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-64d7713:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-64d7713 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-cd8869d img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-f0e34d2{text-align:center;}.elementor-23269 .elementor-element.elementor-element-f0e34d2 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f822a82{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-70ee3ba{--display:flex;--min-height:498px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-70ee3ba:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-70ee3ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-ab18b1d img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-8ca79bc{text-align:center;}.elementor-23269 .elementor-element.elementor-element-8ca79bc .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0d0baf3{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-db3a2a9{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-db3a2a9:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-db3a2a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-5e53b1d img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-f45a9cf{text-align:center;}.elementor-23269 .elementor-element.elementor-element-f45a9cf .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-7472272{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:16px 40px 16px 40px;}.elementor-23269 .elementor-element.elementor-element-374b674{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-374b674:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-374b674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-d2f9351 img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-fc05a7e{text-align:center;}.elementor-23269 .elementor-element.elementor-element-fc05a7e .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-af241bb{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-c81fc22{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-c81fc22:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-c81fc22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-ae2cffc img{border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-f22784f{text-align:center;}.elementor-23269 .elementor-element.elementor-element-f22784f .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-64534e5{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-77731ac{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-77731ac :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-77731ac > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-77731ac :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-77731ac .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-1ced802{--display:flex;}.elementor-23269 .elementor-element.elementor-element-5e625b4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-5e625b4:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-5e625b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-96c2d7e.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-96c2d7e img{width:1000px;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-db61ca4{text-align:center;}.elementor-23269 .elementor-element.elementor-element-db61ca4 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0b8e24d{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button{background-color:var( --e-global-color-df45b05 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-d201a82{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-d201a82:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-d201a82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-075891a.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-075891a img{width:1000px;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-3fe1bac{text-align:center;}.elementor-23269 .elementor-element.elementor-element-3fe1bac .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-e4b2348{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button{background-color:var( --e-global-color-df45b05 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-4a00feb{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-4a00feb :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-4a00feb > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-4a00feb :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-4a00feb .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-4e42714{--display:flex;}.elementor-23269 .elementor-element.elementor-element-40b7595{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-40b7595:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-40b7595 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-bd483b1.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-bd483b1 img{width:1000px;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-4f31af9{text-align:center;}.elementor-23269 .elementor-element.elementor-element-4f31af9 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-1d74113{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button{background-color:var( --e-global-color-df45b05 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-3f07481{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-3f07481:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-3f07481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-305630b );}.elementor-23269 .elementor-element.elementor-element-4a564f6.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-4a564f6 img{width:1000px;border-radius:12px 12px 12px 12px;}.elementor-23269 .elementor-element.elementor-element-1b2e74b{text-align:center;}.elementor-23269 .elementor-element.elementor-element-1b2e74b .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-13e2fb1{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button{background-color:var( --e-global-color-df45b05 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-2d5971a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-2d5971a :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-2d5971a > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-2d5971a :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-2d5971a .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-ef5f22a{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:100px 100px 100px 100px;--n-tabs-title-font-size:var( --e-global-typography-cf7ae7c-font-size );--n-tabs-title-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-ef5f22a > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-ce04b95 );}.elementor-23269 .elementor-element.elementor-element-ef5f22a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4ca09bc );}.elementor-23269 .elementor-element.elementor-element-ef5f22a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-089dbef{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-23269 .elementor-element.elementor-element-089dbef > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-089dbef .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;}.elementor-23269 .elementor-element.elementor-element-6b52d51{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-23269 .elementor-element.elementor-element-6b52d51:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-6b52d51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7141802 );}.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-23269 .elementor-element.elementor-element-de68393 .elementor-icon-wrapper{text-align:center;}.elementor-23269 .elementor-element.elementor-element-de68393.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-de68393.elementor-view-framed .elementor-icon, .elementor-23269 .elementor-element.elementor-element-de68393.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-de68393.elementor-view-framed .elementor-icon, .elementor-23269 .elementor-element.elementor-element-de68393.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-de68393 .elementor-icon{font-size:36px;}.elementor-23269 .elementor-element.elementor-element-de68393 .elementor-icon svg{height:36px;}.elementor-23269 .elementor-element.elementor-element-6f83bdb{text-align:center;}.elementor-23269 .elementor-element.elementor-element-6f83bdb .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );color:var( --e-global-color-ce04b95 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-23269 .elementor-element.elementor-element-4046bd7{width:auto;max-width:auto;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-23269 .elementor-element.elementor-element-4046bd7 > .elementor-widget-container{padding:10px 0px 43px 0px;}.elementor-23269 .elementor-element.elementor-element-4046bd7.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-icon i{color:var( --e-global-color-ce04b95 );transition:color 0.3s;}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-icon svg{fill:var( --e-global-color-ce04b95 );transition:fill 0.3s;}.elementor-23269 .elementor-element.elementor-element-4046bd7 .elementor-icon-list-text{color:var( --e-global-color-ce04b95 );transition:color 0.3s;}.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button{background-color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#F1F3F5;color:#F1F3F5;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-971ffc3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-23269 .elementor-element.elementor-element-971ffc3:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-971ffc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7141802 );}.elementor-23269 .elementor-element.elementor-element-9dade06 .elementor-icon-wrapper{text-align:center;}.elementor-23269 .elementor-element.elementor-element-9dade06.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-9dade06.elementor-view-framed .elementor-icon, .elementor-23269 .elementor-element.elementor-element-9dade06.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-9dade06.elementor-view-framed .elementor-icon, .elementor-23269 .elementor-element.elementor-element-9dade06.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-9dade06 .elementor-icon{font-size:36px;}.elementor-23269 .elementor-element.elementor-element-9dade06 .elementor-icon svg{height:36px;}.elementor-23269 .elementor-element.elementor-element-573f689{text-align:center;}.elementor-23269 .elementor-element.elementor-element-573f689 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-f7d845a{width:auto;max-width:auto;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-23269 .elementor-element.elementor-element-f7d845a > .elementor-widget-container{padding:10px 0px 43px 0px;}.elementor-23269 .elementor-element.elementor-element-f7d845a.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-icon i{color:var( --e-global-color-ce04b95 );transition:color 0.3s;}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-icon svg{fill:var( --e-global-color-ce04b95 );transition:fill 0.3s;}.elementor-23269 .elementor-element.elementor-element-f7d845a .elementor-icon-list-text{color:var( --e-global-color-ce04b95 );transition:color 0.3s;}.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button{background-color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#F1F3F5;color:#F1F3F5;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-bd51007.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-23269 .elementor-element.elementor-element-834b082{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4ca09bc );--border-color:var( --e-global-color-4ca09bc );--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-23269 .elementor-element.elementor-element-834b082:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-834b082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7141802 );}.elementor-23269 .elementor-element.elementor-element-4e0490e .elementor-icon-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-4e0490e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-4e0490e.elementor-view-framed .elementor-icon, .elementor-23269 .elementor-element.elementor-element-4e0490e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-4e0490e.elementor-view-framed .elementor-icon, .elementor-23269 .elementor-element.elementor-element-4e0490e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-4e0490e .elementor-icon{font-size:36px;}.elementor-23269 .elementor-element.elementor-element-4e0490e .elementor-icon svg{height:36px;}.elementor-23269 .elementor-element.elementor-element-e07b750{text-align:start;}.elementor-23269 .elementor-element.elementor-element-e07b750 .elementor-heading-title{font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-0983089{width:auto;max-width:auto;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-23269 .elementor-element.elementor-element-0983089 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-23269 .elementor-element.elementor-element-0983089.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-icon i{color:var( --e-global-color-ce04b95 );transition:color 0.3s;}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-icon svg{fill:var( --e-global-color-ce04b95 );transition:fill 0.3s;}.elementor-23269 .elementor-element.elementor-element-0983089 .elementor-icon-list-text{color:var( --e-global-color-ce04b95 );transition:color 0.3s;}.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button{background-color:var( --e-global-color-ce04b95 );font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#F1F3F5;color:#F1F3F5;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-1400df5{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-80px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-ce04b95 );--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-18c4d5d );}:where( .elementor-23269 .elementor-element.elementor-element-1400df5 .swiper-slide ) > .e-con{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-7141802 ) 0%, var( --e-global-color-primary ) 100%);}.elementor-23269 .elementor-element.elementor-element-1400df5 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-1400df5 > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-23269 .elementor-element.elementor-element-1400df5 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-18c4d5d );border-radius:164px 164px 164px 164px;padding:16px 16px 16px 16px;}.elementor-23269 .elementor-element.elementor-element-1400df5 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-23269 .elementor-element.elementor-element-973e25d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-468a222{--display:flex;}.elementor-23269 .elementor-element.elementor-element-bcec46b{text-align:center;}.elementor-23269 .elementor-element.elementor-element-bcec46b .elementor-heading-title{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-d6c8253{text-align:center;}.elementor-23269 .elementor-element.elementor-element-d6c8253 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;}.elementor-23269 .elementor-element.elementor-element-602bc54{text-align:center;font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-f8dad0c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23269 .elementor-element.elementor-element-1d96461{--display:flex;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );color:var( --e-global-color-text );}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-aed5892.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-aed5892.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-aed5892.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-aed5892:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-aed5892:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-ed011a4{--display:flex;}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-5931612.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-5931612.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-5931612.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-5931612:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-5931612:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-e1d95b9{--display:flex;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-1fb7ce8:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-4302798{--display:flex;}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-4218b9c.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-4218b9c.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-4218b9c.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-4218b9c:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-4218b9c:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-20ce2fc{--display:flex;}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-e88f23f.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-e88f23f.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-e88f23f.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-e88f23f:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-e88f23f:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-a49d335{--display:flex;}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-ae35098.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-ae35098.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-ae35098.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-ae35098:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-ae35098:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-dfc2d3e{--display:flex;}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-936e6cd.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-936e6cd.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-936e6cd.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-936e6cd:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-936e6cd:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-70534cb{--display:flex;}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-2d41e7c.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-2d41e7c:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-2d41e7c:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-6684e2d{--display:flex;}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-7c35935.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-7c35935.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-7c35935.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-7c35935:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-7c35935:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-c5a386b{--display:flex;}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-5fcffd6.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-5fcffd6:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-5fcffd6:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-460e41e{--display:flex;}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-24f3525.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-24f3525.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-24f3525.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-24f3525:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-24f3525:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-814aff4{--display:flex;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-8c2d6e3:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-1f7aefa{--display:flex;}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-0f95516.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-0f95516.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-0f95516.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-0f95516:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-0f95516:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-9b906d8{--display:flex;}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-39dcd6d.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-39dcd6d:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-39dcd6d:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-076790c{--display:flex;}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-2d7642a.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-2d7642a.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-2d7642a.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-2d7642a:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-2d7642a:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-bdb3e48{--display:flex;}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-9127e24.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-9127e24.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-9127e24.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-9127e24:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-9127e24:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-7e92e24{--display:flex;}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-wrapper{text-align:start;}.elementor-23269 .elementor-element.elementor-element-819e16a.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-819e16a.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-819e16a.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-title{margin-bottom:0px;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:var( --e-global-color-18c4d5d );}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-wrapper .elementor-image-box-img{width:100px;}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23269 .elementor-element.elementor-element-819e16a:has(:hover) .elementor-image-box-title,
					 .elementor-23269 .elementor-element.elementor-element-819e16a:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-cf6dc33{--e-n-carousel-swiper-slides-to-display:6;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-80px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-80px;--e-n-carousel-arrow-size:48px;--e-n-carousel-arrow-normal-color:var( --e-global-color-18c4d5d );--e-n-carousel-arrow-hover-color:var( --e-global-color-593ef8a );--e-n-carousel-swiper-pagination-size:6px;--e-n-carousel-progressbar-normal-color:var( --e-global-color-593ef8a );--e-n-carousel-progressbar-hover-color:var( --e-global-color-secondary );}.elementor-23269 .elementor-element.elementor-element-cf6dc33 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-414e043 .elementor-button{background-color:#B2FE02;font-family:"Roc Grotesk", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;fill:#FFFFFF;color:#FFFFFF;border-radius:1000px 1000px 1000px 1000px;padding:18px 40px 18px 40px;}.elementor-23269 .elementor-element.elementor-element-21e90a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-21e90a3:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-21e90a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-df45b05 ) 21%, var( --e-global-color-18c4d5d ) 100%);}.elementor-23269 .elementor-element.elementor-element-f148a3d .elementor-heading-title{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );color:var( --e-global-color-0b2668d );}.elementor-23269 .elementor-element.elementor-element-fb6d895 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;color:#FFFFFF;}.elementor-23269 .elementor-element.elementor-element-cd175ff{font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );color:var( --e-global-color-4121edc );}.elementor-23269 .elementor-element.elementor-element-e1117eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-e1117eb:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-e1117eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce04b95 );}.elementor-23269 .elementor-element.elementor-element-846304d .elementor-heading-title{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-1e2d961 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;}.elementor-23269 .elementor-element.elementor-element-85143e5{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-6a3d20f{font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-c17d16e{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-78549b9{font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-bee7acb{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-11112cb{font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-aa83a84{--n-accordion-title-font-size:1.063rem;width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#052858;--n-accordion-title-hover-color:#052858;--n-accordion-title-active-color:#052858;--n-accordion-icon-size:15px;}.elementor-23269 .elementor-element.elementor-element-aa83a84 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-305630b );border-style:none;}.elementor-23269 .elementor-element.elementor-element-aa83a84 {--n-accordion-padding:16px 16px 16px 16px;}:where( .elementor-23269 .elementor-element.elementor-element-aa83a84 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Roc Grotesk", Sans-serif;font-weight:600;}:where( .elementor-23269 .elementor-element.elementor-element-aa83a84 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-23269 .elementor-element.elementor-element-fb26dfb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-fb26dfb:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-fb26dfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce04b95 );}.elementor-23269 .elementor-element.elementor-element-eaf2d5e .elementor-heading-title{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );color:var( --e-global-color-f2cda40 );}.elementor-23269 .elementor-element.elementor-element-a0fe265 .elementor-heading-title{font-family:"Roc Grotesk", Sans-serif;font-size:2.375rem;font-weight:700;line-height:43.7px;letter-spacing:-0.95px;}.elementor-23269 .elementor-element.elementor-element-61d2943{font-family:var( --e-global-typography-cf7ae7c-font-family ), Sans-serif;font-size:var( --e-global-typography-cf7ae7c-font-size );font-weight:var( --e-global-typography-cf7ae7c-font-weight );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-widget-posts .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-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb:after{content:"0.66";}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__thumbnail__link{width:100%;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;padding:20px 20px 20px 20px;background-color:var( --e-global-color-305630b );border-color:var( --e-global-color-4121edc );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__text{padding:0px 0px 0px 0px;margin-bottom:8px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post:hover{box-shadow:0px 0px 15px 2px rgba(0, 0, 0, 0.07);border-color:var( --e-global-color-593ef8a );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__thumbnail{border-radius:6px 6px 6px 6px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title, .elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title a{color:var( --e-global-color-18c4d5d );font-family:var( --e-global-typography-05aea07-font-family ), Sans-serif;font-size:var( --e-global-typography-05aea07-font-size );font-weight:var( --e-global-typography-05aea07-font-weight );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title{margin-bottom:8px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__excerpt p{color:var( --e-global-color-6cf5bc3 );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__excerpt{margin-bottom:8px;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__read-more{color:var( --e-global-color-secondary );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb a.elementor-post__read-more{font-family:var( --e-global-typography-1d064a8-font-family ), Sans-serif;font-size:var( --e-global-typography-1d064a8-font-size );font-weight:var( --e-global-typography-1d064a8-font-weight );text-transform:var( --e-global-typography-1d064a8-text-transform );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}body.elementor-page-23269:not(.elementor-motion-effects-element-type-background), body.elementor-page-23269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}@media(min-width:768px){.elementor-23269 .elementor-element.elementor-element-f8dad0c{--width:95%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-6f0fecf{--e-n-carousel-swiper-slides-to-display:2;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-89ab78e{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-0c1cb1c{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-0c1cb1c.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-c4585a9 .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-476425b{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title, .elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title a{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-9decac8 .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-143fb8a .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-cfae61a{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8645e4e{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-8645e4e.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-9bf895e .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f0a2de9{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-60d2359{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-60d2359.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-975ea51 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-e0a9ebf{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-bae0c7f{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-bae0c7f.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-b5a3c6c .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f148ef3{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-960a33c{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-960a33c.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-ecde241 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-64deb5a{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-79dfcbc{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-79dfcbc.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-d1bb001{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-6a3af01 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0dcfc56{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-b7471fd{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-b7471fd.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-e0f64cf{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-ad44e4b .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-98ee388{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-df3f282{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-df3f282.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-d875d8c .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-3c1219b{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-09151c3{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-09151c3.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-39e084e .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-b603d4a{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8eb9735{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-8eb9735.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-ac9fc36 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-c4d29a2{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-96846f8{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-96846f8.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-1859f1d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-f0e34d2 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f822a82{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8015258{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-8015258.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-8ca79bc .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0d0baf3{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-b4db6ec{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-b4db6ec.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-f45a9cf .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-7472272{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-e6e29a4{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-e6e29a4.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-fc05a7e .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-af241bb{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-dca304b{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-dca304b.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-f22784f .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-64534e5{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-ed4a5d0{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-ed4a5d0.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-77731ac{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-db61ca4 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0b8e24d{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-4664f0a{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-4664f0a.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-3fe1bac .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-e4b2348{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-86c6057{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-86c6057.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-4a00feb{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-4f31af9 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-1d74113{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-079863d{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-079863d.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-1b2e74b .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-13e2fb1{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-92f8d2c{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-92f8d2c.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-2d5971a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-ef5f22a{--n-tabs-title-font-size:var( --e-global-typography-cf7ae7c-font-size );}.elementor-23269 .elementor-element.elementor-element-ef5f22a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-6f83bdb .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-4bd12ef{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-4bd12ef.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-573f689 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-bd51007{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-bd51007.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-e07b750 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-569abee{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-569abee.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-1400df5{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-bcec46b .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-602bc54{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-cf6dc33{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23269 .elementor-element.elementor-element-414e043{width:100%;max-width:100%;}.elementor-23269 .elementor-element.elementor-element-414e043.elementor-element{--align-self:flex-start;}.elementor-23269 .elementor-element.elementor-element-f148a3d .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-cd175ff{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-846304d .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-6a3d20f{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-78549b9{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-11112cb{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-eaf2d5e .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-61d2943{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title, .elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title a{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb a.elementor-post__read-more{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}}@media(max-width:767px){.elementor-23269 .elementor-element.elementor-element-9e5ae0a{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-6f0fecf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:20px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-position:-75%;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-23269 .elementor-element.elementor-element-ee3532e:not(.elementor-motion-effects-element-type-background), .elementor-23269 .elementor-element.elementor-element-ee3532e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/08/Banner-Missao-Mobile-2.webp");}.elementor-23269 .elementor-element.elementor-element-ee3532e{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:80px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-7a0e30a{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-7552b38 .elementor-heading-title{font-size:2.5rem;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-89ab78e{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-0c1cb1c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-a83d60d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-a83d60d img{width:100px;}.elementor-23269 .elementor-element.elementor-element-7c5abac{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-c4585a9 .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-228e9f1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-23269 .elementor-element.elementor-element-228e9f1 .elementor-heading-title{font-size:1.7rem;line-height:1.2em;}.elementor-23269 .elementor-element.elementor-element-476425b{text-align:center;font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-0ddd376{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-d4a106f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title, .elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-title a{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-d4a106f .elementor-icon-box-description{font-size:15px;}.elementor-23269 .elementor-element.elementor-element-39966a4{--e-image-carousel-slides-to-show:2;}.elementor-23269 .elementor-element.elementor-element-d3c1a08{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 > .elementor-widget-container{padding:40px 20px 40px 20px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 .elementor-counter{gap:6px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;font-size:36px;}.elementor-23269 .elementor-element.elementor-element-81f8ef7 .elementor-counter-title{font-size:14px;line-height:1.7em;}.elementor-23269 .elementor-element.elementor-element-0497759{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-0497759 > .elementor-widget-container{padding:40px 20px 40px 20px;}.elementor-23269 .elementor-element.elementor-element-0497759 .elementor-counter{gap:6px;}.elementor-23269 .elementor-element.elementor-element-0497759 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;font-size:36px;}.elementor-23269 .elementor-element.elementor-element-0497759 .elementor-counter-title{font-size:14px;line-height:1.7em;}.elementor-23269 .elementor-element.elementor-element-3e0a987{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-3e0a987 > .elementor-widget-container{padding:40px 20px 40px 20px;}.elementor-23269 .elementor-element.elementor-element-3e0a987 .elementor-counter{gap:6px;}.elementor-23269 .elementor-element.elementor-element-3e0a987 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;font-size:36px;}.elementor-23269 .elementor-element.elementor-element-3e0a987 .elementor-counter-title{font-size:14px;line-height:1.7em;}.elementor-23269 .elementor-element.elementor-element-a8ed81e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-23269 .elementor-element.elementor-element-a8ed81e > .elementor-widget-container{padding:40px 20px 40px 20px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e .elementor-counter{gap:6px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;font-size:36px;}.elementor-23269 .elementor-element.elementor-element-a8ed81e .elementor-counter-title{font-size:14px;line-height:1.7em;}.elementor-23269 .elementor-element.elementor-element-9967cb4{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-9decac8 .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-20448f3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-23269 .elementor-element.elementor-element-20448f3 .elementor-heading-title{font-size:1.7rem;line-height:1.2em;}.elementor-23269 .elementor-element.elementor-element-0227116{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-143fb8a .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-cfae61a{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8645e4e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-8645e4e.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-9bf895e .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f0a2de9{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-60d2359 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-60d2359.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-975ea51 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-e0a9ebf{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-bae0c7f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-bae0c7f.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-b5a3c6c .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f148ef3{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-960a33c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-960a33c.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-ecde241 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-64deb5a{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-79dfcbc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-79dfcbc.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-d1bb001{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-d1bb001 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-d1bb001 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-d1380c6{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-6a3af01 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0dcfc56{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-b7471fd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-b7471fd.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-e0f64cf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-e0f64cf > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-e0f64cf :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-1284217{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-ad44e4b .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-98ee388{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-df3f282 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-df3f282.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-d875d8c .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-3c1219b{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-09151c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-09151c3.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-39e084e .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-b603d4a{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8eb9735 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-8eb9735.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-ac9fc36 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-c4d29a2{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-96846f8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-96846f8.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-1859f1d{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-1859f1d > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-1859f1d :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-a86588b{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23269 .elementor-element.elementor-element-f0e34d2 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-f822a82{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-8015258 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-8015258.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-8ca79bc .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0d0baf3{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-b4db6ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-b4db6ec.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-f45a9cf .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-7472272{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-e6e29a4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-e6e29a4.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-fc05a7e .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-af241bb{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-dca304b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-dca304b.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-f22784f .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-64534e5{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-ed4a5d0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-ed4a5d0.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-77731ac{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-77731ac > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-77731ac :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-db61ca4 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-0b8e24d{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-4664f0a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-4664f0a.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-3fe1bac .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-e4b2348{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-86c6057 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-86c6057.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-4a00feb{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-4a00feb > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-4a00feb :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-4f31af9 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-1d74113{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-079863d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-079863d.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-1b2e74b .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-13e2fb1{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-92f8d2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-92f8d2c.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-2d5971a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-2d5971a > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-2d5971a :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-ef5f22a{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:var( --e-global-typography-cf7ae7c-font-size );}.elementor-23269 .elementor-element.elementor-element-ef5f22a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-089dbef{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-23269 .elementor-element.elementor-element-089dbef .elementor-heading-title{font-size:1.7rem;line-height:1.2em;}.elementor-23269 .elementor-element.elementor-element-6b52d51{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-23269 .elementor-element.elementor-element-6f83bdb .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-4bd12ef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-4bd12ef.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-971ffc3{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-23269 .elementor-element.elementor-element-573f689 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-bd51007 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-834b082{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-23269 .elementor-element.elementor-element-e07b750 .elementor-heading-title{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-569abee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-569abee.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-1400df5{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:40px;}.elementor-23269 .elementor-element.elementor-element-1400df5 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23269 .elementor-element.elementor-element-1400df5 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-width:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-973e25d{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-bcec46b .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-d6c8253 .elementor-heading-title{font-size:1.8rem;}.elementor-23269 .elementor-element.elementor-element-602bc54{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-aed5892 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-5931612 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-1fb7ce8 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-4218b9c .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-e88f23f .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-ae35098 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-936e6cd .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-2d41e7c .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-7c35935 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-5fcffd6 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-24f3525 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-8c2d6e3 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-0f95516 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-39dcd6d .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-2d7642a .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-9127e24 .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-img{margin-bottom:20px;}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-wrapper .elementor-image-box-img{width:64px;}.elementor-23269 .elementor-element.elementor-element-819e16a .elementor-image-box-title{font-size:0.875rem;line-height:18px;}.elementor-23269 .elementor-element.elementor-element-cf6dc33{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-top-position:-48px;--e-n-carousel-arrow-next-top-position:-48px;--e-n-carousel-arrow-size:36px;}.elementor-23269 .elementor-element.elementor-element-414e043 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23269 .elementor-element.elementor-element-414e043.elementor-element{--align-self:center;}.elementor-23269 .elementor-element.elementor-element-21e90a3{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-f148a3d .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-fb6d895{text-align:center;}.elementor-23269 .elementor-element.elementor-element-fb6d895 .elementor-heading-title{font-size:1.8rem;line-height:1.2em;}.elementor-23269 .elementor-element.elementor-element-cd175ff{text-align:center;font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-e1117eb{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-846304d .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-1e2d961{text-align:center;}.elementor-23269 .elementor-element.elementor-element-1e2d961 .elementor-heading-title{font-size:1.8rem;line-height:1.2em;}.elementor-23269 .elementor-element.elementor-element-6a3d20f{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-78549b9{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-11112cb{font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-23269 .elementor-element.elementor-element-aa83a84{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-23269 .elementor-element.elementor-element-fb26dfb{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-23269 .elementor-element.elementor-element-eaf2d5e .elementor-heading-title{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-a0fe265{text-align:center;}.elementor-23269 .elementor-element.elementor-element-a0fe265 .elementor-heading-title{font-size:1.8rem;line-height:1.2em;}.elementor-23269 .elementor-element.elementor-element-61d2943{text-align:center;font-size:var( --e-global-typography-cf7ae7c-font-size );line-height:var( --e-global-typography-cf7ae7c-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb:after{content:"0.5";}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__thumbnail__link{width:100%;}.elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title, .elementor-23269 .elementor-element.elementor-element-6dd8dcb .elementor-post__title a{font-size:var( --e-global-typography-05aea07-font-size );line-height:var( --e-global-typography-05aea07-line-height );letter-spacing:var( --e-global-typography-05aea07-letter-spacing );}.elementor-23269 .elementor-element.elementor-element-6dd8dcb a.elementor-post__read-more{font-size:var( --e-global-typography-1d064a8-font-size );line-height:var( --e-global-typography-1d064a8-line-height );letter-spacing:var( --e-global-typography-1d064a8-letter-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-89ab78e */.elementor-23269 .elementor-element.elementor-element-89ab78e{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0c1cb1c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-0c1cb1c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 3px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-0c1cb1c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-0c1cb1c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-0c1cb1c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-228e9f1 */.elementor-23269 .elementor-element.elementor-element-228e9f1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-476425b */.elementor-23269 .elementor-element.elementor-element-476425b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-39966a4 */.elementor-23269 .elementor-element.elementor-element-39966a4 .swiper-wrapper{
  transition-timing-function: linear !important; 
  -webkit-transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3c1a08 */.elementor-23269 .elementor-element.elementor-element-d3c1a08{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-20448f3 */.elementor-23269 .elementor-element.elementor-element-20448f3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cfae61a */.elementor-23269 .elementor-element.elementor-element-cfae61a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8645e4e *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8645e4e .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f0a2de9 */.elementor-23269 .elementor-element.elementor-element-f0a2de9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60d2359 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-60d2359 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e0a9ebf */.elementor-23269 .elementor-element.elementor-element-e0a9ebf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bae0c7f *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-bae0c7f .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f148ef3 */.elementor-23269 .elementor-element.elementor-element-f148ef3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-960a33c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-960a33c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64deb5a */.elementor-23269 .elementor-element.elementor-element-64deb5a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79dfcbc *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-79dfcbc .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0dcfc56 */.elementor-23269 .elementor-element.elementor-element-0dcfc56{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7471fd *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b7471fd .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-98ee388 */.elementor-23269 .elementor-element.elementor-element-98ee388{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df3f282 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-df3f282 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3c1219b */.elementor-23269 .elementor-element.elementor-element-3c1219b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09151c3 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-09151c3 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b603d4a */.elementor-23269 .elementor-element.elementor-element-b603d4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8eb9735 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8eb9735 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4d29a2 */.elementor-23269 .elementor-element.elementor-element-c4d29a2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-96846f8 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-96846f8 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f822a82 */.elementor-23269 .elementor-element.elementor-element-f822a82{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8015258 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-8015258 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d0baf3 */.elementor-23269 .elementor-element.elementor-element-0d0baf3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4db6ec *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-b4db6ec .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7472272 */.elementor-23269 .elementor-element.elementor-element-7472272{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e6e29a4 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-e6e29a4 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-af241bb */.elementor-23269 .elementor-element.elementor-element-af241bb{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dca304b *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-dca304b .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-64534e5 */.elementor-23269 .elementor-element.elementor-element-64534e5{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed4a5d0 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-ed4a5d0 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0b8e24d */.elementor-23269 .elementor-element.elementor-element-0b8e24d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4664f0a *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-4664f0a .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4b2348 */.elementor-23269 .elementor-element.elementor-element-e4b2348{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86c6057 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-86c6057 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d74113 */.elementor-23269 .elementor-element.elementor-element-1d74113{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079863d *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-079863d .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13e2fb1 */.elementor-23269 .elementor-element.elementor-element-13e2fb1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-92f8d2c *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-92f8d2c .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-089dbef */.elementor-23269 .elementor-element.elementor-element-089dbef{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4bd12ef *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd51007 *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-569abee *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4bd12ef *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd51007 *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-569abee *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4bd12ef *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd51007 *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-569abee *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4bd12ef *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-4bd12ef .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd51007 *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-bd51007 .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-569abee *//* --- Botão Light com fundo em gradiente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button {
    border-radius: 100px;
    border: 1px solid rgba(0, 92, 184, 0.16);

    background: linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F1F3F5 50%,
        #FFFFFF 100%
    );

    color: #005CB8;

    box-shadow:
        0 2px 0 rgba(0, 92, 184, 0.08),
        0 8px 24px rgba(0, 92, 184, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;
    overflow: hidden;
    z-index: 1;

    transition:
        transform 0.6s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.6s ease,
        border-color 0.6s ease;
}


/* --- Texto e ícone --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-text,
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon {
    color: #005CB8;
}

.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button .elementor-button-icon svg {
    fill: #005CB8;
}


/* --- Brilho azul suave --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: -70%;
    left: -90%;

    width: 65%;
    height: 240%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(128, 190, 255, 0.03) 15%,
        rgba(128, 190, 255, 0.12) 35%,
        rgba(170, 215, 255, 0.32) 50%,
        rgba(128, 190, 255, 0.12) 65%,
        rgba(128, 190, 255, 0.03) 85%,
        transparent 100%
    );

    filter: blur(5px);

    transform: skewX(-18deg);

    pointer-events: none;

    transition:
        left 1.8s cubic-bezier(.22, .61, .36, 1);
}


/* --- Brilho atravessando lentamente --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover::before {
    left: 135%;
}


/* --- Hover --- */
.elementor-23269 .elementor-element.elementor-element-569abee .elementor-button:hover {
    transform: scale(1.025);

    border-color: rgba(0, 92, 184, 0.28);

    box-shadow:
        0 3px 0 rgba(0, 92, 184, 0.08),
        0 10px 30px rgba(0, 92, 184, 0.13),
        0 0 25px rgba(128, 190, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6c8253 */.elementor-23269 .elementor-element.elementor-element-d6c8253{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-602bc54 */.elementor-23269 .elementor-element.elementor-element-602bc54{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-414e043 *//* --- Estilo Principal do Botão --- */
.elementor-23269 .elementor-element.elementor-element-414e043 .elementor-button {
  border-radius: 100px;             /* Cantos levemente arredondados (raio de 5 pixels). */
  border-top: 1px solid #80BEFF;  /* Linha superior sólida de 2px na cor azul claro (#80BEFF). */
  background: linear-gradient(90deg, #052858 0.1%, #007AB0 42.14%, #052858 103.37%); /* Fundo em degradê horizontal: azul escuro > azul claro > azul escuro. */
  box-shadow: 0px 2px 0px 0px rgba(0, 89, 183, 0.49); /* Sombra azulada abaixo (deslocamento vertical 4px, sem blur, cor azul com opacidade). */
  transition: 0.5s;               /* Animações de propriedades ocorrerão suavemente em meio segundo. */
  position: relative;             /* Define o contexto de posicionamento para elementos filhos e para z-index. */
  z-index: 1;                     /* Garante que o botão fique acima de outros elementos na pilha de renderização. */
}

/* --- Camada de Efeito para o Hover (::before) --- */
/* O ::before cria uma camada "dentro" do botão, antes do seu conteúdo. */
.elementor-23269 .elementor-element.elementor-element-414e043 .elementor-button::before {
  border-radius: 100px;             /* Cantos arredondados, igual ao botão principal. */
  background: linear-gradient(90deg, #007AB0 0.1%, #052858 42.14%, #052858 103.37%); /* Fundo em degradê invertido: azul claro > azul escuro > azul escuro. */
  position: absolute;             /* Posicionamento absoluto em relação ao .elementor-button. */
  content: "";                    /* Necessário para o pseudo-elemento ser renderizado, mesmo vazio. */
  top: 0;                         /* Alinha ao topo do elemento pai. */
  left: 0;                        /* Alinha à esquerda do elemento pai. */
  right: 0;                       /* Alinha à direita do elemento pai. */
  bottom: 0;                      /* Alinha à base do elemento pai (cobre todo o botão). */
  z-index: -1;                    /* Posiciona esta camada atrás do conteúdo do botão, mas na frente do seu fundo original. */
  transition: .8s;                /* Animações nesta camada ocorrerão suavemente em 0.8 segundos. */
  opacity: 0;                     /* Inicialmente invisível (totalmente transparente). */
}

/* --- Efeito ao Passar o Mouse (Hover) na Camada ::before --- */
/* Estilos para a camada ::before quando o mouse está sobre o botão. */
.elementor-23269 .elementor-element.elementor-element-414e043 .elementor-button:hover::before {
  opacity: 1;                     /* Torna a camada ::before totalmente visível. */
}

/* --- Efeito ao Passar o Mouse (Hover) no Botão Principal --- */
/* Estilos para o botão principal quando o mouse está sobre ele. */
.elementor-23269 .elementor-element.elementor-element-414e043 .elementor-button:hover {
  transform: scale(1.05);         /* Aumenta o tamanho do botão em 5%. */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fb6d895 */.elementor-23269 .elementor-element.elementor-element-fb6d895{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cd175ff */.elementor-23269 .elementor-element.elementor-element-cd175ff{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e2d961 */.elementor-23269 .elementor-element.elementor-element-1e2d961{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a0fe265 */.elementor-23269 .elementor-element.elementor-element-a0fe265{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-61d2943 */.elementor-23269 .elementor-element.elementor-element-61d2943{
    text-wrap: balance;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roc Grotesk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/07/RocGrotesk-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roc Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/07/RocGrotesk-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Roc Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/07/RocGrotesk-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Roc Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/07/RocGrotesk-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roc Grotesk';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://adaptable-red-cobra.186-209-113-112.cpanel.site/wp-content/uploads/2026/07/RocGrotesk-ExtraBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */