.elementor-9556 .elementor-element.elementor-element-ccd7400{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9556 .elementor-element.elementor-element-bff1c10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9556 .elementor-element.elementor-element-aacf700{--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.84;--overlay-mix-blend-mode:multiply;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9556 .elementor-element.elementor-element-aacf700:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-aacf700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://zynosaude.com.br/wp-content/uploads/2026/03/2635379.jpg");}.elementor-9556 .elementor-element.elementor-element-aacf700::before, .elementor-9556 .elementor-element.elementor-element-aacf700 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-aacf700 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-aacf700 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-aacf700 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-aacf700 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-c37461f{--display:flex;}.elementor-9556 .elementor-element.elementor-element-3c4d679{--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.84;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:45px;--padding-bottom:13px;--padding-left:45px;--padding-right:45px;}.elementor-9556 .elementor-element.elementor-element-3c4d679:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-3c4d679 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9556 .elementor-element.elementor-element-3c4d679::before, .elementor-9556 .elementor-element.elementor-element-3c4d679 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-3c4d679 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-3c4d679 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-3c4d679 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-3c4d679 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.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-9556 .elementor-element.elementor-element-82711d4{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:48px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-82711d4 a{color:#092D68;}.elementor-9556 .elementor-element.elementor-element-820c1b9{width:var( --container-widget-width, 100% );max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:52px;font-weight:500;line-height:24px;color:#092D68;}.elementor-9556 .elementor-element.elementor-element-820c1b9 a{color:var( --e-global-color-f4d572c );}.elementor-9556 .elementor-element.elementor-element-d28d306{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 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:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.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-9556 .elementor-element.elementor-element-8867688{background-color:#0A185E7A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-8867688 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-8867688 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-8867688 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-8867688 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-8867688 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-27101d5{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-27101d5 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-27101d5 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-27101d5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-27101d5 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-27101d5 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-d6221c7{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-d6221c7 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-d6221c7 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-d6221c7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-d6221c7 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-d6221c7 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-5044fd3{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-5044fd3 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-5044fd3 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-5044fd3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-5044fd3 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-5044fd3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ff5b00d{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-ff5b00d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ff5b00d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-ff5b00d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-ff5b00d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-ff5b00d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-1e86209{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-1e86209 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-1e86209 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-1e86209 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-1e86209 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-1e86209 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-cedb70e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9556 .elementor-element.elementor-element-cedb70e.elementor-element{--align-self:flex-start;}.elementor-9556 .elementor-element.elementor-element-9ea61e3{--display:flex;}.elementor-9556 .elementor-element.elementor-element-77f31e5{--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.84;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:45px;--padding-bottom:13px;--padding-left:45px;--padding-right:45px;}.elementor-9556 .elementor-element.elementor-element-77f31e5:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-77f31e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9556 .elementor-element.elementor-element-77f31e5::before, .elementor-9556 .elementor-element.elementor-element-77f31e5 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-77f31e5 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-77f31e5 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-77f31e5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-77f31e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-7046e27{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:48px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-7046e27 a{color:#092D68;}.elementor-9556 .elementor-element.elementor-element-fc3945f{width:var( --container-widget-width, 100% );max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:52px;font-weight:500;line-height:24px;color:#092D68;}.elementor-9556 .elementor-element.elementor-element-fc3945f a{color:var( --e-global-color-f4d572c );}.elementor-9556 .elementor-element.elementor-element-b424cdd{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 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:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-4bba352{background-color:#0A185E7A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-4bba352 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-4bba352 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-4bba352 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-4bba352 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-4bba352 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-91c4abf{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-91c4abf .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-91c4abf .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-91c4abf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-91c4abf .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-91c4abf .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ed0b64b{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-ed0b64b .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ed0b64b .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-ed0b64b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-ed0b64b .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-ed0b64b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-cf3213d{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-cf3213d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-cf3213d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-cf3213d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-cf3213d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-cf3213d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-be34dc4{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-be34dc4 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-be34dc4 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-be34dc4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-be34dc4 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-be34dc4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-a344bfa{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-a344bfa .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-a344bfa .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-a344bfa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-a344bfa .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-a344bfa .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-9178872{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9556 .elementor-element.elementor-element-9178872.elementor-element{--align-self:flex-start;}.elementor-9556 .elementor-element.elementor-element-8e67159{--display:flex;}.elementor-9556 .elementor-element.elementor-element-8349335{--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.84;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:45px;--padding-bottom:13px;--padding-left:45px;--padding-right:45px;}.elementor-9556 .elementor-element.elementor-element-8349335:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-8349335 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9556 .elementor-element.elementor-element-8349335::before, .elementor-9556 .elementor-element.elementor-element-8349335 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-8349335 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-8349335 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-8349335 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-8349335 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-09fe9bb{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:48px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-09fe9bb a{color:#092D68;}.elementor-9556 .elementor-element.elementor-element-51b5008{width:var( --container-widget-width, 100% );max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:52px;font-weight:500;line-height:24px;color:#092D68;}.elementor-9556 .elementor-element.elementor-element-51b5008 a{color:var( --e-global-color-f4d572c );}.elementor-9556 .elementor-element.elementor-element-2b33d83{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 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:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-1b400c7{background-color:#0A185E7A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-1b400c7 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-1b400c7 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-1b400c7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-1b400c7 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-1b400c7 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-d52d2fc{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-d52d2fc .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-d52d2fc .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-d52d2fc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-d52d2fc .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-d52d2fc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-e552a33{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-e552a33 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-e552a33 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-e552a33 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-e552a33 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-e552a33 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-3fbd7da{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-3fbd7da .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-3fbd7da .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-3fbd7da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-3fbd7da .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-3fbd7da .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ab10176{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-ab10176 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ab10176 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-ab10176 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-ab10176 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-ab10176 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-5faf887{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-5faf887 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-5faf887 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-5faf887 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-5faf887 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-5faf887 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-98dc45d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9556 .elementor-element.elementor-element-98dc45d.elementor-element{--align-self:flex-start;}.elementor-9556 .elementor-element.elementor-element-0438b16{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-0438b16 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-9773646 );}.elementor-9556 .elementor-element.elementor-element-0438b16.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#964E09;}.elementor-9556 .elementor-element.elementor-element-0438b16.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9556 .elementor-element.elementor-element-0438b16.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0A185E;}.elementor-9556 .elementor-element.elementor-element-0438b16.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9556 .elementor-element.elementor-element-0438b16.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Lora", Sans-serif;font-weight:500;font-style:italic;}.elementor-9556 .elementor-element.elementor-element-d64dbd5{--display:flex;}.elementor-9556 .elementor-element.elementor-element-9bd8718{--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.84;--overlay-mix-blend-mode:multiply;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-9556 .elementor-element.elementor-element-9bd8718:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-9bd8718 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://zynosaude.com.br/wp-content/uploads/2026/03/2635379.jpg");}.elementor-9556 .elementor-element.elementor-element-9bd8718::before, .elementor-9556 .elementor-element.elementor-element-9bd8718 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-9bd8718 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-9bd8718 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-9bd8718 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-9bd8718 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-1fa9461{--display:flex;}.elementor-9556 .elementor-element.elementor-element-a231ca8{--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.84;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:45px;--padding-bottom:13px;--padding-left:45px;--padding-right:45px;}.elementor-9556 .elementor-element.elementor-element-a231ca8:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-a231ca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9556 .elementor-element.elementor-element-a231ca8::before, .elementor-9556 .elementor-element.elementor-element-a231ca8 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-a231ca8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-a231ca8 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-a231ca8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-a231ca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-74f94bd{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:48px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-74f94bd a{color:#092D68;}.elementor-9556 .elementor-element.elementor-element-510b310{width:var( --container-widget-width, 100% );max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:52px;font-weight:500;line-height:24px;color:#092D68;}.elementor-9556 .elementor-element.elementor-element-510b310 a{color:var( --e-global-color-f4d572c );}.elementor-9556 .elementor-element.elementor-element-05a1e67{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 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:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-0703475{background-color:#0A185E7A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-0703475 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-0703475 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-0703475 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-0703475 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-0703475 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-63aa234{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-63aa234 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-63aa234 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-63aa234 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-63aa234 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-63aa234 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-01ae194{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-01ae194 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-01ae194 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-01ae194 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-01ae194 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-01ae194 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-8ed0f76{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-8ed0f76 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-8ed0f76 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-8ed0f76 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-8ed0f76 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-8ed0f76 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-88f08ce{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-88f08ce .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-88f08ce .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-88f08ce .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-88f08ce .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-88f08ce .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-8df6014{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-8df6014 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-8df6014 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-8df6014 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-8df6014 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-8df6014 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-53a4131{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9556 .elementor-element.elementor-element-53a4131.elementor-element{--align-self:flex-start;}.elementor-9556 .elementor-element.elementor-element-d5f7c96{--display:flex;}.elementor-9556 .elementor-element.elementor-element-f4e1ec3{--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.84;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:45px;--padding-bottom:13px;--padding-left:45px;--padding-right:45px;}.elementor-9556 .elementor-element.elementor-element-f4e1ec3:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-f4e1ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9556 .elementor-element.elementor-element-f4e1ec3::before, .elementor-9556 .elementor-element.elementor-element-f4e1ec3 > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-f4e1ec3 > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-f4e1ec3 > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-f4e1ec3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-f4e1ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-fa02352{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:48px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-fa02352 a{color:#092D68;}.elementor-9556 .elementor-element.elementor-element-cf4f889{width:var( --container-widget-width, 100% );max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:52px;font-weight:500;line-height:24px;color:#092D68;}.elementor-9556 .elementor-element.elementor-element-cf4f889 a{color:var( --e-global-color-f4d572c );}.elementor-9556 .elementor-element.elementor-element-347c5f3{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 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:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-bc49f2a{background-color:#0A185E7A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-bc49f2a .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-bc49f2a .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-bc49f2a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-bc49f2a .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-bc49f2a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-f27aaa4{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-f27aaa4 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-f27aaa4 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-f27aaa4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-f27aaa4 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-f27aaa4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-b8434af{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-b8434af .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-b8434af .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-b8434af .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-b8434af .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-b8434af .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-d68b1c1{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-d68b1c1 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-d68b1c1 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-d68b1c1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-d68b1c1 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-d68b1c1 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-4261c7d{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-4261c7d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-4261c7d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-4261c7d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-4261c7d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-4261c7d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ddb08e2{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-ddb08e2 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-ddb08e2 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-ddb08e2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-ddb08e2 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-ddb08e2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-35fdb14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9556 .elementor-element.elementor-element-35fdb14.elementor-element{--align-self:flex-start;}.elementor-9556 .elementor-element.elementor-element-67be1bf{--display:flex;}.elementor-9556 .elementor-element.elementor-element-276aeef{--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.84;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:#5281A952;--border-color:#5281A952;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 33px -7px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:-4px;--margin-right:5px;--padding-top:45px;--padding-bottom:13px;--padding-left:45px;--padding-right:45px;}.elementor-9556 .elementor-element.elementor-element-276aeef:not(.elementor-motion-effects-element-type-background), .elementor-9556 .elementor-element.elementor-element-276aeef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9556 .elementor-element.elementor-element-276aeef::before, .elementor-9556 .elementor-element.elementor-element-276aeef > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-276aeef > .e-con-inner > .elementor-background-video-container::before, .elementor-9556 .elementor-element.elementor-element-276aeef > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-276aeef > .e-con-inner > .elementor-background-slideshow::before, .elementor-9556 .elementor-element.elementor-element-276aeef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9556 .elementor-element.elementor-element-021e7ed{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:48px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-021e7ed a{color:#092D68;}.elementor-9556 .elementor-element.elementor-element-9489ba9{width:var( --container-widget-width, 100% );max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 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:52px;font-weight:500;line-height:24px;color:#092D68;}.elementor-9556 .elementor-element.elementor-element-9489ba9 a{color:var( --e-global-color-f4d572c );}.elementor-9556 .elementor-element.elementor-element-e44833a{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 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:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-3fda8a1{background-color:#0A185E7A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-3fda8a1 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-3fda8a1 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-3fda8a1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-3fda8a1 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-3fda8a1 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-660699e{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-660699e .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-660699e .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-660699e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-660699e .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-660699e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-aebad8d{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-aebad8d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-aebad8d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-aebad8d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-aebad8d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-aebad8d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-db89371{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-db89371 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-db89371 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-db89371 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-db89371 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-db89371 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-89802cc{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-89802cc .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-89802cc .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-89802cc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-89802cc .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-89802cc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-fb03349{background-color:#0A185E7A;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7B46A4D;border-radius:14px 14px 14px 14px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-9556 .elementor-element.elementor-element-fb03349 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-fb03349 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9556 .elementor-element.elementor-element-fb03349 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9556 .elementor-element.elementor-element-fb03349 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9556 .elementor-element.elementor-element-fb03349 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9556 .elementor-element.elementor-element-8f4053c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9556 .elementor-element.elementor-element-8f4053c.elementor-element{--align-self:flex-start;}.elementor-9556 .elementor-element.elementor-element-ae4690c{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-ae4690c > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-9773646 );}.elementor-9556 .elementor-element.elementor-element-ae4690c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#964E09;}.elementor-9556 .elementor-element.elementor-element-ae4690c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9556 .elementor-element.elementor-element-ae4690c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0A185E;}.elementor-9556 .elementor-element.elementor-element-ae4690c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9556 .elementor-element.elementor-element-ae4690c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Lora", Sans-serif;font-weight:500;font-style:italic;}.elementor-9556 .elementor-element.elementor-element-0ed47aa{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:#FFFFFF;}.elementor-9556 .elementor-element.elementor-element-0ed47aa > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-9773646 );}.elementor-9556 .elementor-element.elementor-element-0ed47aa.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#964E09;}.elementor-9556 .elementor-element.elementor-element-0ed47aa.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9556 .elementor-element.elementor-element-0ed47aa.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0A185E;}.elementor-9556 .elementor-element.elementor-element-0ed47aa.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Lora", Sans-serif;font-weight:500;font-style:italic;}#elementor-popup-modal-9556 .dialog-widget-content{background-color:#02010100;}#elementor-popup-modal-9556{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-9556 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-9556 .dialog-close-button{display:flex;background-color:var( --e-global-color-9773646 );}#elementor-popup-modal-9556 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-9556 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-9556 .elementor-element.elementor-element-aacf700{--width:100%;}.elementor-9556 .elementor-element.elementor-element-3c4d679{--width:100%;}.elementor-9556 .elementor-element.elementor-element-77f31e5{--width:100%;}.elementor-9556 .elementor-element.elementor-element-8349335{--width:100%;}.elementor-9556 .elementor-element.elementor-element-9bd8718{--width:100%;}.elementor-9556 .elementor-element.elementor-element-a231ca8{--width:100%;}.elementor-9556 .elementor-element.elementor-element-f4e1ec3{--width:100%;}.elementor-9556 .elementor-element.elementor-element-276aeef{--width:100%;}}@media(max-width:767px){.elementor-9556 .elementor-element.elementor-element-bff1c10{--margin-top:0px;--margin-bottom:0px;--margin-left:-11px;--margin-right:0px;}.elementor-9556 .elementor-element.elementor-element-aacf700{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-9556 .elementor-element.elementor-element-c37461f{--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-9556 .elementor-element.elementor-element-3c4d679{--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9556 .elementor-element.elementor-element-82711d4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9556 .elementor-element.elementor-element-820c1b9{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9556 .elementor-element.elementor-element-d28d306{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9556 .elementor-element.elementor-element-cedb70e{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-9ea61e3{--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-9556 .elementor-element.elementor-element-77f31e5{--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9556 .elementor-element.elementor-element-7046e27{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9556 .elementor-element.elementor-element-fc3945f{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9556 .elementor-element.elementor-element-b424cdd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9556 .elementor-element.elementor-element-9178872{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-8e67159{--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-9556 .elementor-element.elementor-element-8349335{--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9556 .elementor-element.elementor-element-09fe9bb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9556 .elementor-element.elementor-element-51b5008{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9556 .elementor-element.elementor-element-2b33d83{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9556 .elementor-element.elementor-element-98dc45d{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-0438b16{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-9556 .elementor-element.elementor-element-d64dbd5{--margin-top:0px;--margin-bottom:0px;--margin-left:-11px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9556 .elementor-element.elementor-element-9bd8718{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9556 .elementor-element.elementor-element-1fa9461{--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-9556 .elementor-element.elementor-element-a231ca8{--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9556 .elementor-element.elementor-element-74f94bd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9556 .elementor-element.elementor-element-510b310{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9556 .elementor-element.elementor-element-05a1e67{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9556 .elementor-element.elementor-element-53a4131{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-d5f7c96{--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-9556 .elementor-element.elementor-element-f4e1ec3{--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9556 .elementor-element.elementor-element-fa02352{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9556 .elementor-element.elementor-element-cf4f889{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9556 .elementor-element.elementor-element-347c5f3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9556 .elementor-element.elementor-element-35fdb14{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-67be1bf{--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-9556 .elementor-element.elementor-element-276aeef{--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9556 .elementor-element.elementor-element-021e7ed{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9556 .elementor-element.elementor-element-9489ba9{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9556 .elementor-element.elementor-element-e44833a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9556 .elementor-element.elementor-element-8f4053c{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9556 .elementor-element.elementor-element-ae4690c{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:5px 5px 5px 5px;}.elementor-9556 .elementor-element.elementor-element-0ed47aa{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}#elementor-popup-modal-9556 .dialog-close-button{font-size:18px;}}/* Start custom CSS for text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 container, class: .elementor-element-aacf700 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 container, class: .elementor-element-9bd8718 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 container, class: .elementor-element-aacf700 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 container, class: .elementor-element-9bd8718 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-82711d4 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cedb70e *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-3c4d679 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-7046e27 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9178872 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-77f31e5 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-09fe9bb */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98dc45d *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-8349335 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 container, class: .elementor-element-aacf700 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-74f94bd */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a4131 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-a231ca8 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-fa02352 */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fdb14 *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-f4e1ec3 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 text-editor, class: .elementor-element-021e7ed */.destaque112 {
    background: linear-gradient(to right, #af5e12, #d17620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;

    font-weight: 900;
    font-style: italic;

    color: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f4053c *//* =================================
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: #FFFFFF;
    letter-spacing: 0.6px;
}

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

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

/* =================================
BOTÃO PRINCIPAL (LARANJA)
================================= */

.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,
        #ff7a00 0%,
        #ff3d00 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.45),
        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 rgba(255, 255, 255, 0.3);
    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: #ffffff;
    border: 1.5px solid #ff5e00;
}

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

.icone-1{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff7a00;
    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: linear-gradient(
        104deg,
        #ff7a00 0%,
        #ff3d00 100%
    );
}

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

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

.texto-2{
    position: absolute;
    color: #FFFFFF;
    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); }
}

/* =================================
RESET FINAL
================================= */

.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-276aeef */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 container, class: .elementor-element-9bd8718 */.efeito-vidro {
   backdrop-filter: saturate(190%) blur(11px) ;
    }
.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 nested-tabs, class: .elementor-element-0ed47aa *//* =========================
CORREÇÃO MOBILE TABS
========================= */
@media (max-width: 767px){

    /* FORÇA VOLTAR LAYOUT HORIZONTAL */
    .elementor-9556 .elementor-element.elementor-element-0ed47aa .elementor-tabs-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto; /* scroll lateral se precisar */
        align-items: flex-start !important;
    }

    /* TODAS AS ABAS ALINHADAS NO TOPO */
    .elementor-9556 .elementor-element.elementor-element-0ed47aa .elementor-tab-title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        top: 0 !important;
        position: relative;
        flex: 1;
        min-height: 45px;
        white-space: nowrap;
    }

    /* REMOVE DIFERENÇA DA ATIVA */
    .elementor-9556 .elementor-element.elementor-element-0ed47aa .elementor-tab-title.elementor-active {
        margin: 0 !important;
        top: 0 !important;
    }

    /* REMOVE COMPORTAMENTO DE ACCORDION */
    .elementor-9556 .elementor-element.elementor-element-0ed47aa .elementor-tabs-content-wrapper {
        order: 2;
    }

    .elementor-9556 .elementor-element.elementor-element-0ed47aa .elementor-tabs-wrapper {
        order: 1;
    }
}/* End custom CSS */