.elementor-8 .elementor-element.elementor-element-c8044ee{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 15px 15px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-8 .elementor-element.elementor-element-c8044ee:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c8044ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-8 .elementor-element.elementor-element-ff36e7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-c728f6e img{width:100%;}.elementor-8 .elementor-element.elementor-element-d3d53ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-775597a .elementor-menu-toggle{margin:0 auto;background-color:#2D663F;}.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a, .elementor-8 .elementor-element.elementor-element-775597a .elementor-menu-toggle{color:var( --e-global-color-10e0adf );fill:var( --e-global-color-10e0adf );}.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown{background-color:#2D663F;}.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a.highlighted,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-menu-toggle:hover,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-menu-toggle:focus{color:var( --e-global-color-10e0adf );}.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a.highlighted{background-color:#2D663F;}.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-10e0adf );background-color:#2D663F;}.elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown .elementor-item, .elementor-8 .elementor-element.elementor-element-775597a .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Lora", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-775597a div.elementor-menu-toggle{color:var( --e-global-color-10e0adf );}.elementor-8 .elementor-element.elementor-element-775597a div.elementor-menu-toggle svg{fill:var( --e-global-color-10e0adf );}.elementor-8 .elementor-element.elementor-element-2ef7d53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-a2f4d04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;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:#FFFBDB61;--border-color:#FFFBDB61;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-a2f4d04:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-a2f4d04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20563200;}.elementor-8 .elementor-element.elementor-element-d47c7eb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-d47c7eb:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d47c7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20563200;}.elementor-8 .elementor-element.elementor-element-0e01064{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8 .elementor-element.elementor-element-12c5869 img{width:71%;}.elementor-8 .elementor-element.elementor-element-3968fbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8 .elementor-element.elementor-element-2020bde.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-2020bde .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-2020bde .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-2020bde .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0064B800;}.elementor-8 .elementor-element.elementor-element-2020bde .e--pointer-framed .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-2020bde .e--pointer-framed .elementor-item:after{border-color:#0064B800;}.elementor-8 .elementor-element.elementor-element-2020bde .elementor-nav-menu--dropdown a, .elementor-8 .elementor-element.elementor-element-2020bde .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-2020bde .elementor-nav-menu--dropdown .elementor-item, .elementor-8 .elementor-element.elementor-element-2020bde .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Lora", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-787d64d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8 .elementor-element.elementor-element-fadf5d3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0;--overlay-mix-blend-mode:multiply;border-style:none;--border-style:none;--margin-top:-201px;--margin-bottom:1px;--margin-left:0px;--margin-right:0px;--padding-top:420px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-fadf5d3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-fadf5d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5281A900;background-image:url("https://pagina.oddmarketingdigital.com.br/wp-content/uploads/2026/03/569060560560560.webp");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-fadf5d3::before, .elementor-8 .elementor-element.elementor-element-fadf5d3 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-fadf5d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-fadf5d3 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-fadf5d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-fadf5d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-c430bf6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-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-8 .elementor-element.elementor-element-967863d{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-967863d .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:13px;font-weight:200;letter-spacing:2.5px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-ef0eca6{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-ef0eca6 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-9699e43{width:var( --container-widget-width, 100% );max-width:100%;margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:21px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-71afae6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8 .elementor-element.elementor-element-71afae6.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-63bfff6{width:var( --container-widget-width, 100% );max-width:100%;margin:-56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 9px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:13px;font-weight:300;line-height:21px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-1213ee7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-e03db90{--display:flex;--min-height:64px;--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;--margin-top:-1px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e03db90:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e03db90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(240deg, #205632 0%, #61CE70 100%);}.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-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-e307f50{--e-transform-translateX:-200px;--e-icon-list-icon-size:4px;--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(32px/2);}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(32px/2);}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(32px/2);}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-32px/2);}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-32px/2);}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-icon{padding-inline-end:23px;}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;font-style:italic;line-height:1.5em;letter-spacing:1.5px;}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-64783e1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-76865ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-39434d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-39434d2 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:#263A2D;}.elementor-8 .elementor-element.elementor-element-201856b{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-201856b .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:13px;font-weight:200;letter-spacing:2.5px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-7943554{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8 .elementor-element.elementor-element-7943554:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-7943554 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-edd9ffe{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-6c23ee8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-8 .elementor-element.elementor-element-9ec8d5d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-9ec8d5d .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-5d1a277{width:var( --container-widget-width, 100% );max-width:100%;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-ce6f4b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-4823cad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:6;}.elementor-8 .elementor-element.elementor-element-4823cad img{border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-ac99633{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8 .elementor-element.elementor-element-ac99633:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ac99633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-018ffe0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-8680eda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-8 .elementor-element.elementor-element-8e04e18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-8e04e18 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-bc2f250{width:var( --container-widget-width, 100% );max-width:100%;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-50457bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-190a3ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:6;}.elementor-8 .elementor-element.elementor-element-190a3ef img{border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-a2dc2d7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c5952c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-c38b2fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-c38b2fd .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-4c8f7bc{width:var( --container-widget-width, 100% );max-width:100%;margin:-42px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-fce57f5{--display:flex;}.elementor-8 .elementor-element.elementor-element-cc723d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-cc723d6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-cc723d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-cc723d6:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-a86140e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-a86140e img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ddb835f{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-ddb835f a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-dbeb99e{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-f5eb95d{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-f5eb95d a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-795d0c9{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-795d0c9.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-fcc3ddf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-fcc3ddf:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-fcc3ddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-fcc3ddf:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-1f0c6ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1f0c6ae img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-7c008ec{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-7c008ec a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-23711a9{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-31e080e{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-31e080e a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-54fd58a{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-54fd58a.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-0c97434{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-0c97434:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-0c97434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-0c97434:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-f962bfd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f962bfd img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-d9c9a05{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-d9c9a05 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-1de09f7{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-6a96ba3{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-6a96ba3 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-3751d9b{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-3751d9b.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-e2cd07e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e2cd07e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e2cd07e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-e2cd07e:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-c8b265f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-c8b265f img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-53a8631{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-53a8631 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-c9b2288{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-0c0a672{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-0c0a672 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-85f2a18{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-85f2a18.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-ef47b30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-ef47b30:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ef47b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-ef47b30:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-7a30992{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-7a30992 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ba40876{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-ba40876 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-fb72596{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-4f31799{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-4f31799 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-8728ce5{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-8728ce5.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-78e9760{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-78e9760:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-78e9760 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-78e9760:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-a68472a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-a68472a img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b1044af{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-b1044af a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-0ecf81e{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-4e4af45{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-4e4af45 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-80e7d87{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-80e7d87.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-577e073{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-577e073:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-577e073 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-577e073:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-f66a0d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f66a0d0 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-c9f643a{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-c9f643a a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-8d07d38{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-93a07e4{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-93a07e4 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-98c77ce{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-98c77ce.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-d8e47c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-d8e47c0:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d8e47c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-d8e47c0:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-ccccb81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ccccb81 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-61ea5cf{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-61ea5cf a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-9dd46be{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-66b1c45{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-66b1c45 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-e914513{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-e914513.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-a27bc0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-a27bc0d:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-a27bc0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-a27bc0d:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-3e45f44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-3e45f44 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-90a8821{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-90a8821 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-64b8685{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-b575d24{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-b575d24 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-683140b{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-683140b.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-f04a424{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f04a424:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f04a424 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-f04a424:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-c148750{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-c148750 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-c794d40{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-c794d40 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-ed0c1ac{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-a968a2f{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-a968a2f a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-ae5341e{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-ae5341e.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-efb2f8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-efb2f8d:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-efb2f8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-efb2f8d:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-06ae6c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-06ae6c9 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-88be7b5{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-88be7b5 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-c5baa57{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-c82c8ad{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-c82c8ad a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-3d9a446{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-3d9a446.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-0341012{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--background-transition:0.3s;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:#F3E4C400;--border-color:#F3E4C400;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-0341012:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-0341012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-0341012:hover{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-855a1d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-855a1d5 img{border-radius:25px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ee21f73{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-ee21f73 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-aa8bc18{width:var( --container-widget-width, 100% );max-width:100%;margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-c97b5a1{width:var( --container-widget-width, 100% );max-width:100%;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:24px;font-weight:900;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-c97b5a1 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-eee58b6{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 10px;}.elementor-8 .elementor-element.elementor-element-eee58b6.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-981615b{--e-n-carousel-swiper-slides-gap:15px;--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: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:0px;--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:31px;}.elementor-8 .elementor-element.elementor-element-981615b :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF00;border-radius:25px 25px 25px 25px;padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-029a117{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e9b2f00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-e6b2a1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-e6b2a1f .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:#263A2D;}.elementor-8 .elementor-element.elementor-element-bec4887{width:var( --container-widget-width, 100% );max-width:100%;margin:-42px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-646718e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-646718e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-646718e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-a202cc8{text-align:start;}.elementor-8 .elementor-element.elementor-element-a202cc8 img{width:65%;}.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-8 .elementor-element.elementor-element-55d47f3 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-f9a9d49 );font-family:"Lora", Sans-serif;font-size:36px;font-weight:600;}.elementor-8 .elementor-element.elementor-element-3f8da6e{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-e5df7b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-e5df7b6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e5df7b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-a851143{text-align:start;}.elementor-8 .elementor-element.elementor-element-a851143 img{width:65%;}.elementor-8 .elementor-element.elementor-element-2fb7bca .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-f9a9d49 );font-family:"Lora", Sans-serif;font-size:36px;font-weight:600;}.elementor-8 .elementor-element.elementor-element-2bf9e53{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-0b75605{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-0b75605:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-0b75605 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-e339060{text-align:start;}.elementor-8 .elementor-element.elementor-element-e339060 img{width:65%;}.elementor-8 .elementor-element.elementor-element-8bf8f86 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-f9a9d49 );font-family:"Lora", Sans-serif;font-size:36px;font-weight:600;}.elementor-8 .elementor-element.elementor-element-04a630b{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-cb81f5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-cb81f5b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-cb81f5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-96f74bc{text-align:start;}.elementor-8 .elementor-element.elementor-element-96f74bc img{width:65%;}.elementor-8 .elementor-element.elementor-element-db49b3d .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-f9a9d49 );font-family:"Lora", Sans-serif;font-size:36px;font-weight:600;}.elementor-8 .elementor-element.elementor-element-31d152b{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-f2bc4e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-f2bc4e2:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f2bc4e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#225934;}.elementor-8 .elementor-element.elementor-element-436de99{text-align:center;}.elementor-8 .elementor-element.elementor-element-436de99 img{width:65%;}.elementor-8 .elementor-element.elementor-element-4945fae{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-5c29d34{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-567d9c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-9ad4974{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9ad4974 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:#263A2D;}.elementor-8 .elementor-element.elementor-element-9e96a08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.93;--overlay-mix-blend-mode:multiply;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-9e96a08:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9e96a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#225934;background-image:url("https://pagina.oddmarketingdigital.com.br/wp-content/uploads/2026/03/U546894569-scaled.webp");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-9e96a08::before, .elementor-8 .elementor-element.elementor-element-9e96a08 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-9e96a08 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-9e96a08 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-9e96a08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-9e96a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#225934;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-1ed329a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-1ed329a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-d4891a8{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-c58102a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-c58102a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c58102a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-2cea228{text-align:start;}.elementor-8 .elementor-element.elementor-element-2cea228 img{width:38%;}.elementor-8 .elementor-element.elementor-element-d38d076{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:#747474;}.elementor-8 .elementor-element.elementor-element-ef904f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-ef904f9 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:21px;font-weight:300;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-53fa3ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-53fa3ec:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-53fa3ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-64e8e5e{text-align:start;}.elementor-8 .elementor-element.elementor-element-64e8e5e img{width:38%;}.elementor-8 .elementor-element.elementor-element-9e0d7a7{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-a595fed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-a595fed .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:21px;font-weight:300;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-1a73d56{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-68501a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-61517dd{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-61517dd .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:13px;font-weight:200;letter-spacing:2.5px;color:#225934;}.elementor-8 .elementor-element.elementor-element-43e2161{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-43e2161 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:#263A2D;}.elementor-8 .elementor-element.elementor-element-8019eaf{width:var( --container-widget-width, 100% );max-width:100%;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:#747474;}.elementor-8 .elementor-element.elementor-element-0076215{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8 .elementor-element.elementor-element-0076215.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-ada82e5{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-ada82e5 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:13px;font-weight:200;letter-spacing:2.5px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-c614ffa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-9e12b2d{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8 .elementor-element.elementor-element-9e12b2d .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:13px;font-weight:200;letter-spacing:2.5px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-f76cf92{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-8 .elementor-element.elementor-element-e37a2d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-e37a2d3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e37a2d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-9475e93{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:16px;font-weight:500;font-style:italic;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-9475e93 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-c6bedad{width:var( --container-widget-width, 100% );max-width:100%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-c6bedad a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-58da884{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-58da884:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-58da884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-e508020{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:16px;font-weight:500;font-style:italic;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-e508020 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-3a1e7f2{width:var( --container-widget-width, 100% );max-width:100%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-3a1e7f2 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-9e42c9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-9e42c9b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9e42c9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-4c090f7{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:16px;font-weight:500;font-style:italic;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-4c090f7 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-ae1e69f{width:var( --container-widget-width, 100% );max-width:100%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:20px;font-weight:600;font-style:italic;line-height:23px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-ae1e69f a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-953d219{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-953d219:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-953d219 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-2f77410{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:16px;font-weight:500;font-style:italic;line-height:24px;color:#225934;}.elementor-8 .elementor-element.elementor-element-2f77410 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-2383438{width:var( --container-widget-width, 100% );max-width:100%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:24px;color:var( --e-global-color-f9a9d49 );}.elementor-8 .elementor-element.elementor-element-2383438 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-bfbfa6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-bfbfa6a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-bfbfa6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#225934;}.elementor-8 .elementor-element.elementor-element-d19e512{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:16px;font-weight:500;font-style:italic;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-d19e512 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-b24c322{width:var( --container-widget-width, 100% );max-width:100%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:39px;font-weight:500;font-style:italic;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b24c322 a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-e6da688{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:21px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e79e206{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8 .elementor-element.elementor-element-e79e206.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-b6b3d94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b6b3d94:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b6b3d94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAF7;}.elementor-8 .elementor-element.elementor-element-225f2b5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-41671bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-a559a82{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 26px 0px 26px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:var( --e-global-color-ace75e7 );}.elementor-8 .elementor-element.elementor-element-4128f6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-63e7e08{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-63e7e08.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-db471b4{--display:flex;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-6aa5d26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-6aa5d26 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:300;color:#263A2D;}.elementor-8 .elementor-element.elementor-element-88a0134{width:var( --container-widget-width, 100% );max-width:100%;margin:-42px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:21px;color:#747474;}.elementor-widget-ucaddon_uc_icon_accordion .ue_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_icon_accordion .uc_content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-38d4735 .uc-heading{background-color:#225934;flex-direction:row;padding:15px 15px 15px 15px;border-radius:555px 555px 555px 555px;}.elementor-8 .elementor-element.elementor-element-38d4735 .uc_ac_box{margin-bottom:10px;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_title{font-family:"Lora", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .uc_content{background-color:#D7B46A00;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#747474;padding:0px 15px 0px 15px;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_icon{width:21px;height:21px;font-size:12px;border-radius:50px 50px 50px 50px;background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_icon_spacing{width:13px;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_icon svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .uc-item-active .ue_icon{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .uc-item-active .ue_icon svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .uc-heading:hover .ue_icon{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue-heading.active .ue_icon svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_expand_inside{width:14px;height:14px;font-size:14px;background-color:#FFFFFF00;color:var( --e-global-color-10e0adf );border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_expand_inside svg{fill:var( --e-global-color-10e0adf );}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_expand_spacing{width:15px;}.elementor-8 .elementor-element.elementor-element-4f33b51{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-4f33b51:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4f33b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pagina.oddmarketingdigital.com.br/wp-content/uploads/2026/03/70lkhjc.webp");}.elementor-8 .elementor-element.elementor-element-353515a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-8 .elementor-element.elementor-element-3c37f47{text-align:start;}.elementor-8 .elementor-element.elementor-element-3c37f47 img{width:54%;}.elementor-8 .elementor-element.elementor-element-10f5ac0{width:var( --container-widget-width, 100% );max-width:100%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:21px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-3295e65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-709efcf{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:19px;font-weight:500;font-style:italic;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-709efcf a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-f3dc009{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -18px;}.elementor-8 .elementor-element.elementor-element-f3dc009.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:4px;padding-bottom:4px;}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0064B800;}.elementor-8 .elementor-element.elementor-element-f3dc009 .e--pointer-framed .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-f3dc009 .e--pointer-framed .elementor-item:after{border-color:#0064B800;}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--dropdown a, .elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--dropdown .elementor-item, .elementor-8 .elementor-element.elementor-element-f3dc009 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Lora", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-6d65091{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-6ed62fe{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Lora", Sans-serif;font-size:19px;font-weight:500;font-style:italic;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-6ed62fe a{color:#5281A9;}.elementor-8 .elementor-element.elementor-element-518a3be{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-518a3be .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-518a3be .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-518a3be .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-518a3be .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-8 .elementor-element.elementor-element-518a3be .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-19abe5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-4253d4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-item > a{font-size:0.875em;line-height:1.5em;letter-spacing:1.5px;}.elementor-8 .elementor-element.elementor-element-981615b{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-ff36e7d{--width:41%;}.elementor-8 .elementor-element.elementor-element-d3d53ec{--width:91%;}.elementor-8 .elementor-element.elementor-element-a2f4d04{--width:100%;}.elementor-8 .elementor-element.elementor-element-0e01064{--width:21%;}.elementor-8 .elementor-element.elementor-element-3968fbc{--width:100%;}.elementor-8 .elementor-element.elementor-element-787d64d{--width:18%;}.elementor-8 .elementor-element.elementor-element-c430bf6{--width:50%;}.elementor-8 .elementor-element.elementor-element-1213ee7{--width:50%;}.elementor-8 .elementor-element.elementor-element-76865ae{--width:68%;}.elementor-8 .elementor-element.elementor-element-7943554{--width:100%;}.elementor-8 .elementor-element.elementor-element-6c23ee8{--width:65%;}.elementor-8 .elementor-element.elementor-element-ce6f4b5{--width:35%;}.elementor-8 .elementor-element.elementor-element-ac99633{--width:100%;}.elementor-8 .elementor-element.elementor-element-8680eda{--width:65%;}.elementor-8 .elementor-element.elementor-element-50457bb{--width:35%;}.elementor-8 .elementor-element.elementor-element-c5952c5{--width:68%;}.elementor-8 .elementor-element.elementor-element-cc723d6{--width:100%;}.elementor-8 .elementor-element.elementor-element-fcc3ddf{--width:100%;}.elementor-8 .elementor-element.elementor-element-0c97434{--width:100%;}.elementor-8 .elementor-element.elementor-element-e2cd07e{--width:100%;}.elementor-8 .elementor-element.elementor-element-ef47b30{--width:100%;}.elementor-8 .elementor-element.elementor-element-78e9760{--width:100%;}.elementor-8 .elementor-element.elementor-element-577e073{--width:100%;}.elementor-8 .elementor-element.elementor-element-d8e47c0{--width:100%;}.elementor-8 .elementor-element.elementor-element-a27bc0d{--width:100%;}.elementor-8 .elementor-element.elementor-element-f04a424{--width:100%;}.elementor-8 .elementor-element.elementor-element-efb2f8d{--width:100%;}.elementor-8 .elementor-element.elementor-element-0341012{--width:100%;}.elementor-8 .elementor-element.elementor-element-e9b2f00{--width:99%;}.elementor-8 .elementor-element.elementor-element-646718e{--width:19%;}.elementor-8 .elementor-element.elementor-element-e5df7b6{--width:19%;}.elementor-8 .elementor-element.elementor-element-0b75605{--width:19%;}.elementor-8 .elementor-element.elementor-element-cb81f5b{--width:19%;}.elementor-8 .elementor-element.elementor-element-f2bc4e2{--width:19%;}.elementor-8 .elementor-element.elementor-element-567d9c7{--width:99%;}.elementor-8 .elementor-element.elementor-element-9e96a08{--width:32%;}.elementor-8 .elementor-element.elementor-element-c58102a{--width:32%;}.elementor-8 .elementor-element.elementor-element-53fa3ec{--width:32%;}.elementor-8 .elementor-element.elementor-element-68501a7{--width:50%;}.elementor-8 .elementor-element.elementor-element-c614ffa{--width:50%;}.elementor-8 .elementor-element.elementor-element-e37a2d3{--width:48%;}.elementor-8 .elementor-element.elementor-element-58da884{--width:48%;}.elementor-8 .elementor-element.elementor-element-9e42c9b{--width:48%;}.elementor-8 .elementor-element.elementor-element-953d219{--width:48%;}.elementor-8 .elementor-element.elementor-element-bfbfa6a{--width:100%;}.elementor-8 .elementor-element.elementor-element-b6b3d94{--width:100%;}.elementor-8 .elementor-element.elementor-element-41671bf{--width:55%;}.elementor-8 .elementor-element.elementor-element-4128f6c{--width:44%;}.elementor-8 .elementor-element.elementor-element-353515a{--width:33%;}.elementor-8 .elementor-element.elementor-element-3295e65{--width:33%;}.elementor-8 .elementor-element.elementor-element-6d65091{--width:33%;}.elementor-8 .elementor-element.elementor-element-19abe5b{--width:100%;}.elementor-8 .elementor-element.elementor-element-4253d4d{--width:100%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-ff36e7d{--width:79%;}.elementor-8 .elementor-element.elementor-element-c728f6e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -30px;text-align:end;}.elementor-8 .elementor-element.elementor-element-c728f6e img{width:68%;}.elementor-8 .elementor-element.elementor-element-d3d53ec{--width:21%;}.elementor-8 .elementor-element.elementor-element-775597a{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-775597a.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-0e01064{--width:500px;}.elementor-8 .elementor-element.elementor-element-12c5869 img{width:21%;}.elementor-8 .elementor-element.elementor-element-fadf5d3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-fadf5d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pagina.oddmarketingdigital.com.br/wp-content/uploads/2026/03/70lkhjc.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-fadf5d3{--overlay-opacity:0;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8 .elementor-element.elementor-element-fadf5d3.e-con{--align-self:center;}.elementor-8 .elementor-element.elementor-element-c430bf6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:240px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-967863d{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-967863d .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-ef0eca6{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ef0eca6 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-9699e43{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-71afae6{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-63bfff6{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-1213ee7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:040px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-item > a{font-size:0.8rem;line-height:1.5em;letter-spacing:1.5px;}.elementor-8 .elementor-element.elementor-element-39434d2{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-39434d2 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-201856b{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-201856b .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-6c23ee8{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-9ec8d5d{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9ec8d5d .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-5d1a277{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-8680eda{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-8e04e18{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-8e04e18 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-bc2f250{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-c38b2fd{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-c38b2fd .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-4c8f7bc{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-cc723d6{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-ddb835f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-dbeb99e{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-f5eb95d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-795d0c9{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-fcc3ddf{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-7c008ec{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-23711a9{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-31e080e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-54fd58a{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-0c97434{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-d9c9a05{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-1de09f7{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-6a96ba3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-3751d9b{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-e2cd07e{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-53a8631{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-c9b2288{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-0c0a672{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-85f2a18{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-ef47b30{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-ba40876{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-fb72596{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-4f31799{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-8728ce5{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-78e9760{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-b1044af{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-0ecf81e{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-4e4af45{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-80e7d87{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-577e073{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-c9f643a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-8d07d38{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-93a07e4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-98c77ce{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-d8e47c0{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-61ea5cf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9dd46be{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-66b1c45{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-e914513{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-a27bc0d{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-90a8821{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-64b8685{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-b575d24{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-683140b{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-f04a424{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-c794d40{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ed0c1ac{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-a968a2f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ae5341e{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-efb2f8d{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-88be7b5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-c5baa57{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-c82c8ad{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-3d9a446{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-0341012{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8 .elementor-element.elementor-element-ee21f73{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-aa8bc18{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-c97b5a1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-eee58b6{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-981615b{--e-n-carousel-swiper-slides-to-display:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-e6b2a1f{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-e6b2a1f .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-bec4887{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-a202cc8{text-align:center;}.elementor-8 .elementor-element.elementor-element-a202cc8 img{width:58%;}.elementor-8 .elementor-element.elementor-element-55d47f3 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;}.elementor-8 .elementor-element.elementor-element-3f8da6e{width:100%;max-width:100%;margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-a851143{text-align:center;}.elementor-8 .elementor-element.elementor-element-a851143 img{width:58%;}.elementor-8 .elementor-element.elementor-element-2fb7bca .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;}.elementor-8 .elementor-element.elementor-element-2bf9e53{width:100%;max-width:100%;margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-e339060{text-align:center;}.elementor-8 .elementor-element.elementor-element-e339060 img{width:58%;}.elementor-8 .elementor-element.elementor-element-8bf8f86 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;}.elementor-8 .elementor-element.elementor-element-04a630b{width:100%;max-width:100%;margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-96f74bc{text-align:center;}.elementor-8 .elementor-element.elementor-element-96f74bc img{width:58%;}.elementor-8 .elementor-element.elementor-element-db49b3d .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;}.elementor-8 .elementor-element.elementor-element-31d152b{width:100%;max-width:100%;margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-4945fae{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-9ad4974{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9ad4974 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-1ed329a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-1ed329a .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-d4891a8{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-2cea228{text-align:center;}.elementor-8 .elementor-element.elementor-element-d38d076{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-ef904f9{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ef904f9 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-64e8e5e{text-align:center;}.elementor-8 .elementor-element.elementor-element-9e0d7a7{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-a595fed{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-a595fed .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-61517dd{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 23px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-61517dd .elementor-heading-title{font-size:13px;}.elementor-8 .elementor-element.elementor-element-43e2161{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-43e2161 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-8019eaf{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-0076215{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-ada82e5{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ada82e5 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-9e12b2d{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9e12b2d .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-9475e93{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-c6bedad{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-e508020{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-3a1e7f2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-4c090f7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-ae1e69f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-2f77410{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-2383438{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-d19e512{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-b24c322{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-e6da688{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-e79e206{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-a559a82{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-63e7e08{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-db471b4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-6aa5d26{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-6aa5d26 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-88a0134{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-38d4735 .ue_title{font-size:15px;}.elementor-8 .elementor-element.elementor-element-3c37f47 img{width:21%;}.elementor-8 .elementor-element.elementor-element-10f5ac0{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8 .elementor-element.elementor-element-709efcf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-6ed62fe{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}}/* Start custom CSS for container, class: .elementor-element-a2f4d04 *//* HEADER STICKY */

.header-fixo{
    position: sticky;
    top: 0;
    z-index: 999;
    transition: all 0.35s ease;

    border-radius: 10px;
}

/* FUNDO QUANDO ROLA */

.header-fixo.rolado{
    background: #205632;
    backdrop-filter: blur(8px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-967863d */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef0eca6 */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71afae6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c430bf6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1213ee7 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e307f50 */.elementor-8 .elementor-element.elementor-element-e307f50 .elementor-icon-list-items{
    flex-wrap: nowrap;
    white-space: nowrap;
    position: relative;
    width: 2116.67px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e03db90 *//* Seção com efeito de ruído */
.secao-ruido{
    position: relative;
    overflow: hidden;
}

.secao-ruido::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 10;
    opacity: 0.3;

    background-image: url("https://grainy-gradients.vercel.app/noise.svg");
    background-repeat: repeat;
}z/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39434d2 */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-201856b */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ec8d5d */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8e04e18 */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c38b2fd */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-795d0c9 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc723d6 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54fd58a *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc3ddf */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751d9b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c97434 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85f2a18 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2cd07e */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8728ce5 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef47b30 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e7d87 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e9760 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c77ce *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577e073 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e914513 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8e47c0 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683140b *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a27bc0d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae5341e *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04a424 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9a446 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efb2f8d */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee58b6 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0341012 */.efeito-vidro {
   backdrop-filter: saturate(160%) blur(3px) ;
    }
.container-flutuante {
    animation: subirDescer 3s ease-in-out infinite;
}

/* Animação */
@keyframes subirDescer {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste a altura aqui */
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e6b2a1f */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9ad4974 */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1ed329a */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef904f9 */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a595fed */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-61517dd */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43e2161 */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0076215 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ada82e5 */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e12b2d */.destaque1 {
    background: linear-gradient(to right, #a9d4b6, #9aeeb5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
 

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e79e206 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63e7e08 *//* =================================
FONTE LORA
================================= */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* =================================
CONTAINER DO WIDGET
================================= */

.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

/* =================================
TEXTO GLOBAL
================================= */

.botao *{
    transition: 0.5s;
    font-size: 13px;
    font-weight: 600;
    font-family: "Lora", serif;
    text-align: center;
    color: #215732;
    letter-spacing: 0.6px;
}

/* remove azul automático do link */

.botao a{
    color: #215732 !important;
    text-decoration: none;
    font-family: "Lora", serif !important;
}

/* força tipografia escondida do Elementor */

.elementor-button-text{
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    color: #215732 !important;
}

/* =================================
BOTÃO PRINCIPAL
================================= */

.botao {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    overflow: hidden;

    background: linear-gradient(
        104deg,
        #9aeeb5 0%,
        #9aeeb5 100%
    );
}

/* =================================
BRILHO CONTÍNUO
================================= */

.botao::after{
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;

    animation: brilhoContinuo 2s linear infinite;
}

@keyframes brilhoContinuo{
    0%{ left: -80%; }
    100%{ left: 130%; }
}

/* =================================
CONTAINER INTERNO
================================= */

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 32px 20px 64px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #215732;
    overflow: hidden;
}

/* =================================
CÍRCULO DO ÍCONE
================================= */

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 2;

    background: #9aeeb5;
    border: 1.5px solid #215732;
}

/* =================================
ÍCONES
================================= */

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #215732;
    border-radius: 50%;
}

.icone-2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0;
}

/* =================================
FUNDO ANIMADO (HOVER)
================================= */

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 100px;

    background: #9aeeb5;
}

/* =================================
TEXTOS
================================= */

.texto-1{
    margin-left: 20px;
    color: #215732;
}

.texto-2{
    position: absolute;
    color: #215732;
    opacity: 0;
    transform: translateX(100%);
}

/* =================================
HOVER
================================= */

.botao:hover .fundo{
    width: calc(100% - 60px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 58px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translateX(-5%);
}

.botao:hover .icone-2{
    opacity: 1;
}

/* =================================
MOBILE
================================= */

@media (max-width: 768px){
    .container-botao{ padding: 24px 32px 24px 56px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 16px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 52px); }
    .botao:hover .fundo{ width: calc(100% - 52px); }
}

@media (max-width: 480px){
    .container-botao{ padding: 20px 16px 20px 48px; }
    .wrapper-icones{ width: 40px; height: 40px; }
    .botao *{ font-size: 15px; }
    .botao:hover .wrapper-icones{ left: calc(100% - 46px); }
    .botao:hover .fundo{ width: calc(100% - 46px); }
}

.botao {
    font-size: 16px !important;
    text-decoration: none !important;
}

.botao:visited,
.botao:active,
.botao:focus {
    font-size: 16px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6aa5d26 */.destaque12 {
    background: linear-gradient(to right, #215732, #2e6740);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 300;
 

    color: unset !important;
}/* End custom CSS */