.elementor-9582 .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-9582 .elementor-element.elementor-element-d64dbd5{--display:flex;}.elementor-9582 .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-9582 .elementor-element.elementor-element-9bd8718:not(.elementor-motion-effects-element-type-background), .elementor-9582 .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-9582 .elementor-element.elementor-element-9bd8718::before, .elementor-9582 .elementor-element.elementor-element-9bd8718 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-9bd8718 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-9bd8718 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-9bd8718 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-9bd8718 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-1fa9461{--display:flex;}.elementor-9582 .elementor-element.elementor-element-5399c6b{--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-9582 .elementor-element.elementor-element-5399c6b:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-5399c6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-5399c6b::before, .elementor-9582 .elementor-element.elementor-element-5399c6b > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-5399c6b > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-5399c6b > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-5399c6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-5399c6b > .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-9582 .elementor-element.elementor-element-3738d90{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-9582 .elementor-element.elementor-element-3738d90 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-9cf7ff7{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-9582 .elementor-element.elementor-element-9cf7ff7 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-da94012{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-9582 .elementor-element.elementor-element-ac62551{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-ac62551 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-ac62551 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-ac62551 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-ac62551 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-ac62551 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-cfcb8df{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-cfcb8df .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-cfcb8df .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-cfcb8df .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-cfcb8df .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-cfcb8df .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c805cb3{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-c805cb3 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c805cb3 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-c805cb3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-c805cb3 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-c805cb3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b1cb076{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-b1cb076.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-d5f7c96{--display:flex;}.elementor-9582 .elementor-element.elementor-element-39940b3{--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-9582 .elementor-element.elementor-element-39940b3:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-39940b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-39940b3::before, .elementor-9582 .elementor-element.elementor-element-39940b3 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-39940b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-39940b3 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-39940b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-39940b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-3e33a39{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-9582 .elementor-element.elementor-element-3e33a39 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-200cb7b{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-9582 .elementor-element.elementor-element-200cb7b a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-33174cd{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-9582 .elementor-element.elementor-element-3d97f3d{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-3d97f3d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-3d97f3d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-3d97f3d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-3d97f3d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-3d97f3d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c9abbd8{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-c9abbd8 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c9abbd8 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-c9abbd8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-c9abbd8 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-c9abbd8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-cc76f28{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-cc76f28 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-cc76f28 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-cc76f28 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-cc76f28 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-cc76f28 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c6b8c97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-c6b8c97.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-67be1bf{--display:flex;}.elementor-9582 .elementor-element.elementor-element-8d09d1c{--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-9582 .elementor-element.elementor-element-8d09d1c:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-8d09d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-8d09d1c::before, .elementor-9582 .elementor-element.elementor-element-8d09d1c > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-8d09d1c > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-8d09d1c > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-8d09d1c > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-8d09d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-78add64{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-9582 .elementor-element.elementor-element-78add64 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-6490b6e{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-9582 .elementor-element.elementor-element-6490b6e a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-936c06c{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-9582 .elementor-element.elementor-element-2c53e1f{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-2c53e1f .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-2c53e1f .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-2c53e1f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-2c53e1f .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-2c53e1f .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4395818{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-4395818 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4395818 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-4395818 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-4395818 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-4395818 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-73dc775{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-73dc775 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-73dc775 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-73dc775 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-73dc775 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-73dc775 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-dbfae4b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-dbfae4b.elementor-element{--align-self:flex-start;}.elementor-9582 .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-9582 .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-9582 .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-9582 .elementor-element.elementor-element-ae4690c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9582 .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-9582 .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-9582 .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-9582 .elementor-element.elementor-element-b0aaeb1{--display:flex;}.elementor-9582 .elementor-element.elementor-element-5da201f{--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-9582 .elementor-element.elementor-element-5da201f:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-5da201f > .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-9582 .elementor-element.elementor-element-5da201f::before, .elementor-9582 .elementor-element.elementor-element-5da201f > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-5da201f > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-5da201f > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-5da201f > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-5da201f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-e7f4eb5{--display:flex;}.elementor-9582 .elementor-element.elementor-element-58d5d5f{--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-9582 .elementor-element.elementor-element-58d5d5f:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-58d5d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-58d5d5f::before, .elementor-9582 .elementor-element.elementor-element-58d5d5f > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-58d5d5f > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-58d5d5f > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-58d5d5f > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-58d5d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-f01958f{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-9582 .elementor-element.elementor-element-f01958f a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-c92c845{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-9582 .elementor-element.elementor-element-c92c845 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-cb0ccd6{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-9582 .elementor-element.elementor-element-4824ec9{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-9582 .elementor-element.elementor-element-4824ec9 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4824ec9 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-4824ec9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-4824ec9 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-4824ec9 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-1104951{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-9582 .elementor-element.elementor-element-1104951 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-1104951 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-1104951 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-1104951 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-1104951 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-cccd09f{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-9582 .elementor-element.elementor-element-cccd09f .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-cccd09f .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-cccd09f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-cccd09f .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-cccd09f .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-ec2c1c9{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-9582 .elementor-element.elementor-element-ec2c1c9 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-ec2c1c9 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-ec2c1c9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-ec2c1c9 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-ec2c1c9 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-2bb6fa1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-2bb6fa1.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-0d16b9e{--display:flex;}.elementor-9582 .elementor-element.elementor-element-f3fb9c2{--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-9582 .elementor-element.elementor-element-f3fb9c2:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-f3fb9c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-f3fb9c2::before, .elementor-9582 .elementor-element.elementor-element-f3fb9c2 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-f3fb9c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-f3fb9c2 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-f3fb9c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-f3fb9c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-3579a16{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-9582 .elementor-element.elementor-element-3579a16 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-9018bd5{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-9582 .elementor-element.elementor-element-9018bd5 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-288411a{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-9582 .elementor-element.elementor-element-4089a19{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-9582 .elementor-element.elementor-element-4089a19 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4089a19 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-4089a19 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-4089a19 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-4089a19 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-f1e4a44{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-9582 .elementor-element.elementor-element-f1e4a44 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-f1e4a44 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-f1e4a44 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-f1e4a44 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-f1e4a44 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-57c566a{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-9582 .elementor-element.elementor-element-57c566a .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-57c566a .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-57c566a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-57c566a .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-57c566a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-8d90f74{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-9582 .elementor-element.elementor-element-8d90f74 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-8d90f74 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-8d90f74 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-8d90f74 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-8d90f74 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-bb0424f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-bb0424f.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-17bee03{--display:flex;}.elementor-9582 .elementor-element.elementor-element-d337b0e{--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-9582 .elementor-element.elementor-element-d337b0e:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-d337b0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-d337b0e::before, .elementor-9582 .elementor-element.elementor-element-d337b0e > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-d337b0e > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-d337b0e > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-d337b0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-d337b0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-1345048{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-9582 .elementor-element.elementor-element-1345048 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-880f937{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-9582 .elementor-element.elementor-element-880f937 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-8bd5b3b{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-9582 .elementor-element.elementor-element-af7fc43{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-9582 .elementor-element.elementor-element-af7fc43 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-af7fc43 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-af7fc43 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-af7fc43 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-af7fc43 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-29afa3f{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-9582 .elementor-element.elementor-element-29afa3f .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-29afa3f .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-29afa3f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-29afa3f .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-29afa3f .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b9802a8{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-9582 .elementor-element.elementor-element-b9802a8 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b9802a8 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-b9802a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-b9802a8 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-b9802a8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-f594b0b{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-9582 .elementor-element.elementor-element-f594b0b .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-f594b0b .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-f594b0b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-f594b0b .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-f594b0b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c24ca2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-c24ca2e.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-9028c5b{--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-9582 .elementor-element.elementor-element-9028c5b > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-9773646 );}.elementor-9582 .elementor-element.elementor-element-9028c5b.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-9582 .elementor-element.elementor-element-9028c5b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9582 .elementor-element.elementor-element-9028c5b.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-9582 .elementor-element.elementor-element-9028c5b.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-9582 .elementor-element.elementor-element-9028c5b.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-9582 .elementor-element.elementor-element-3a2e24d{--display:flex;}.elementor-9582 .elementor-element.elementor-element-c077698{--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-9582 .elementor-element.elementor-element-c077698:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-c077698 > .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-9582 .elementor-element.elementor-element-c077698::before, .elementor-9582 .elementor-element.elementor-element-c077698 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-c077698 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-c077698 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-c077698 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-c077698 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-8370db2{--display:flex;}.elementor-9582 .elementor-element.elementor-element-4c221fd{--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-9582 .elementor-element.elementor-element-4c221fd:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-4c221fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-4c221fd::before, .elementor-9582 .elementor-element.elementor-element-4c221fd > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-4c221fd > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-4c221fd > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-4c221fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-4c221fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-7a0739d{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:42px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9582 .elementor-element.elementor-element-7a0739d a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-d959409{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-9582 .elementor-element.elementor-element-d959409 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-8d27841{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-9582 .elementor-element.elementor-element-36c18ab{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-9582 .elementor-element.elementor-element-36c18ab .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-36c18ab .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-36c18ab .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-36c18ab .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-36c18ab .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-51dfb0d{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-9582 .elementor-element.elementor-element-51dfb0d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-51dfb0d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-51dfb0d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-51dfb0d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-51dfb0d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-5b930a8{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-9582 .elementor-element.elementor-element-5b930a8 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-5b930a8 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-5b930a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-5b930a8 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-5b930a8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-50f53d8{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-9582 .elementor-element.elementor-element-50f53d8 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-50f53d8 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-50f53d8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-50f53d8 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-50f53d8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-199663c{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-9582 .elementor-element.elementor-element-199663c .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-199663c .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-199663c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-199663c .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-199663c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-6f254ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-6f254ad.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-331983d{--display:flex;}.elementor-9582 .elementor-element.elementor-element-b0a0bf3{--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-9582 .elementor-element.elementor-element-b0a0bf3:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-b0a0bf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-b0a0bf3::before, .elementor-9582 .elementor-element.elementor-element-b0a0bf3 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-b0a0bf3 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-b0a0bf3 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-b0a0bf3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-b0a0bf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-beeb750{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:42px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9582 .elementor-element.elementor-element-beeb750 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-77e2493{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-9582 .elementor-element.elementor-element-77e2493 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-29836b5{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-9582 .elementor-element.elementor-element-211b351{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-9582 .elementor-element.elementor-element-211b351 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-211b351 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-211b351 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-211b351 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-211b351 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e70f042{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-9582 .elementor-element.elementor-element-e70f042 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e70f042 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-e70f042 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-e70f042 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-e70f042 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c92efc0{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-9582 .elementor-element.elementor-element-c92efc0 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-c92efc0 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-c92efc0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-c92efc0 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-c92efc0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-9d1a0d6{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-9582 .elementor-element.elementor-element-9d1a0d6 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-9d1a0d6 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-9d1a0d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-9d1a0d6 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-9d1a0d6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-08052f6{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-9582 .elementor-element.elementor-element-08052f6 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-08052f6 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-08052f6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-08052f6 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-08052f6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e36616e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-e36616e.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-470296f{--display:flex;}.elementor-9582 .elementor-element.elementor-element-4813bd2{--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-9582 .elementor-element.elementor-element-4813bd2:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-4813bd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-4813bd2::before, .elementor-9582 .elementor-element.elementor-element-4813bd2 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-4813bd2 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-4813bd2 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-4813bd2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-4813bd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-eaf064c{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:42px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9582 .elementor-element.elementor-element-eaf064c a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-61197a7{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-9582 .elementor-element.elementor-element-61197a7 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-0a08f15{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-9582 .elementor-element.elementor-element-b94d51d{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-9582 .elementor-element.elementor-element-b94d51d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b94d51d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-b94d51d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-b94d51d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-b94d51d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-608d3fd{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-9582 .elementor-element.elementor-element-608d3fd .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-608d3fd .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-608d3fd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-608d3fd .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-608d3fd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-fc88afd{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-9582 .elementor-element.elementor-element-fc88afd .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-fc88afd .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-fc88afd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-fc88afd .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-fc88afd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-7f16404{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-9582 .elementor-element.elementor-element-7f16404 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-7f16404 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-7f16404 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-7f16404 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-7f16404 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e335fd3{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-9582 .elementor-element.elementor-element-e335fd3 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e335fd3 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-e335fd3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-e335fd3 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-e335fd3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-8b1f738{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-8b1f738.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-a78b92b{--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-9582 .elementor-element.elementor-element-a78b92b > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-9773646 );}.elementor-9582 .elementor-element.elementor-element-a78b92b.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-9582 .elementor-element.elementor-element-a78b92b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9582 .elementor-element.elementor-element-a78b92b.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-9582 .elementor-element.elementor-element-a78b92b.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-9582 .elementor-element.elementor-element-a78b92b.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-9582 .elementor-element.elementor-element-bff1c10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9582 .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-9582 .elementor-element.elementor-element-aacf700:not(.elementor-motion-effects-element-type-background), .elementor-9582 .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-9582 .elementor-element.elementor-element-aacf700::before, .elementor-9582 .elementor-element.elementor-element-aacf700 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-aacf700 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-aacf700 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-aacf700 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-aacf700 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-c37461f{--display:flex;}.elementor-9582 .elementor-element.elementor-element-2ad89f7{--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-9582 .elementor-element.elementor-element-2ad89f7:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-2ad89f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-2ad89f7::before, .elementor-9582 .elementor-element.elementor-element-2ad89f7 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-2ad89f7 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-2ad89f7 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-2ad89f7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-2ad89f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-e50aa94{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:44px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9582 .elementor-element.elementor-element-e50aa94 a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-134268d{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-9582 .elementor-element.elementor-element-134268d a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-57d4a43{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-9582 .elementor-element.elementor-element-0808047{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-0808047 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-0808047 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-0808047 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-0808047 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-0808047 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-ede22da{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-ede22da .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-ede22da .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-ede22da .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-ede22da .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-ede22da .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b0c24fd{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-b0c24fd .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b0c24fd .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-b0c24fd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-b0c24fd .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-b0c24fd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-9d25d38{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-9d25d38 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-9d25d38 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-9d25d38 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-9d25d38 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-9d25d38 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-68e62d0{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-9582 .elementor-element.elementor-element-68e62d0 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-68e62d0 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-68e62d0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-68e62d0 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-68e62d0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-9b307be{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-9582 .elementor-element.elementor-element-9b307be .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-9b307be .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-9b307be .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-9b307be .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-9b307be .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-71a6928{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-9582 .elementor-element.elementor-element-71a6928 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-71a6928 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-71a6928 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-71a6928 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-71a6928 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-92640e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-92640e4.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-9ea61e3{--display:flex;}.elementor-9582 .elementor-element.elementor-element-dbeb2f8{--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-9582 .elementor-element.elementor-element-dbeb2f8:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-dbeb2f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-dbeb2f8::before, .elementor-9582 .elementor-element.elementor-element-dbeb2f8 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-dbeb2f8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-dbeb2f8 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-dbeb2f8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-dbeb2f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-1059daa{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:44px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9582 .elementor-element.elementor-element-1059daa a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-087f67f{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-9582 .elementor-element.elementor-element-087f67f a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-6e3fd88{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-9582 .elementor-element.elementor-element-bfb0513{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-bfb0513 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-bfb0513 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-bfb0513 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-bfb0513 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-bfb0513 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-3e212c2{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-3e212c2 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-3e212c2 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-3e212c2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-3e212c2 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-3e212c2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e861953{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-e861953 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e861953 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-e861953 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-e861953 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-e861953 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4bca88d{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-4bca88d .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4bca88d .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-4bca88d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-4bca88d .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-4bca88d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e726dd0{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-9582 .elementor-element.elementor-element-e726dd0 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e726dd0 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-e726dd0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-e726dd0 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-e726dd0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-a98e5ee{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-9582 .elementor-element.elementor-element-a98e5ee .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-a98e5ee .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-a98e5ee .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-a98e5ee .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-a98e5ee .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-6fc7323{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-9582 .elementor-element.elementor-element-6fc7323 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-6fc7323 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-6fc7323 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-6fc7323 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-6fc7323 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-d7a68d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-d7a68d9.elementor-element{--align-self:flex-start;}.elementor-9582 .elementor-element.elementor-element-8e67159{--display:flex;}.elementor-9582 .elementor-element.elementor-element-cdad0a4{--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-9582 .elementor-element.elementor-element-cdad0a4:not(.elementor-motion-effects-element-type-background), .elementor-9582 .elementor-element.elementor-element-cdad0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-9582 .elementor-element.elementor-element-cdad0a4::before, .elementor-9582 .elementor-element.elementor-element-cdad0a4 > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-cdad0a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-9582 .elementor-element.elementor-element-cdad0a4 > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-cdad0a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9582 .elementor-element.elementor-element-cdad0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002B68;--background-overlay:'';}.elementor-9582 .elementor-element.elementor-element-e9243ac{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:44px;font-weight:500;line-height:43px;color:#FFFFFF;}.elementor-9582 .elementor-element.elementor-element-e9243ac a{color:#092D68;}.elementor-9582 .elementor-element.elementor-element-b645b79{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-9582 .elementor-element.elementor-element-b645b79 a{color:var( --e-global-color-f4d572c );}.elementor-9582 .elementor-element.elementor-element-e5e846c{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-9582 .elementor-element.elementor-element-40926a5{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-40926a5 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-40926a5 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-40926a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-40926a5 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-40926a5 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-87feaca{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-87feaca .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-87feaca .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-87feaca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-87feaca .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-87feaca .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4038700{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-4038700 .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4038700 .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-4038700 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-4038700 .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-4038700 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b629c3f{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-align:flex-start;--icon-vertical-offset:0px;}.elementor-9582 .elementor-element.elementor-element-b629c3f .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-b629c3f .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-b629c3f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-b629c3f .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-b629c3f .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-7fc882e{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-9582 .elementor-element.elementor-element-7fc882e .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-7fc882e .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-7fc882e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-7fc882e .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-7fc882e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e6be6bc{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-9582 .elementor-element.elementor-element-e6be6bc .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-e6be6bc .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-e6be6bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-e6be6bc .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-e6be6bc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4773d4c{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-9582 .elementor-element.elementor-element-4773d4c .elementor-icon-list-icon i{color:var( --e-global-color-9773646 );transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-4773d4c .elementor-icon-list-icon svg{fill:var( --e-global-color-9773646 );transition:fill 0.3s;}.elementor-9582 .elementor-element.elementor-element-4773d4c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9582 .elementor-element.elementor-element-4773d4c .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-9582 .elementor-element.elementor-element-4773d4c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9582 .elementor-element.elementor-element-97a4eab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-9582 .elementor-element.elementor-element-97a4eab.elementor-element{--align-self:flex-start;}.elementor-9582 .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-9582 .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-9582 .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-9582 .elementor-element.elementor-element-0438b16.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9582 .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-9582 .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-9582 .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-9582 .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-9582 .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-9582 .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-9582 .elementor-element.elementor-element-0ed47aa.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9582 .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-9582 .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-9582 .dialog-widget-content{background-color:#02010100;}#elementor-popup-modal-9582{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-9582 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-9582 .dialog-close-button{display:flex;background-color:var( --e-global-color-9773646 );}#elementor-popup-modal-9582 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-9582 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-9582 .elementor-element.elementor-element-9bd8718{--width:100%;}.elementor-9582 .elementor-element.elementor-element-5399c6b{--width:100%;}.elementor-9582 .elementor-element.elementor-element-39940b3{--width:100%;}.elementor-9582 .elementor-element.elementor-element-8d09d1c{--width:100%;}.elementor-9582 .elementor-element.elementor-element-5da201f{--width:100%;}.elementor-9582 .elementor-element.elementor-element-58d5d5f{--width:100%;}.elementor-9582 .elementor-element.elementor-element-f3fb9c2{--width:100%;}.elementor-9582 .elementor-element.elementor-element-d337b0e{--width:100%;}.elementor-9582 .elementor-element.elementor-element-c077698{--width:100%;}.elementor-9582 .elementor-element.elementor-element-4c221fd{--width:100%;}.elementor-9582 .elementor-element.elementor-element-b0a0bf3{--width:100%;}.elementor-9582 .elementor-element.elementor-element-4813bd2{--width:100%;}.elementor-9582 .elementor-element.elementor-element-aacf700{--width:100%;}.elementor-9582 .elementor-element.elementor-element-2ad89f7{--width:100%;}.elementor-9582 .elementor-element.elementor-element-dbeb2f8{--width:100%;}.elementor-9582 .elementor-element.elementor-element-cdad0a4{--width:100%;}}@media(max-width:767px){.elementor-9582 .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-9582 .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-9582 .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-9582 .elementor-element.elementor-element-5399c6b{--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-9582 .elementor-element.elementor-element-3738d90{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-9cf7ff7{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-da94012{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-b1cb076{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .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-9582 .elementor-element.elementor-element-39940b3{--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-9582 .elementor-element.elementor-element-3e33a39{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-200cb7b{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-33174cd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-c6b8c97{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .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-9582 .elementor-element.elementor-element-8d09d1c{--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-9582 .elementor-element.elementor-element-78add64{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-6490b6e{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-936c06c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-dbfae4b{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .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-9582 .elementor-element.elementor-element-b0aaeb1{--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-9582 .elementor-element.elementor-element-5da201f{--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-9582 .elementor-element.elementor-element-e7f4eb5{--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-9582 .elementor-element.elementor-element-58d5d5f{--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-9582 .elementor-element.elementor-element-f01958f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-c92c845{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-cb0ccd6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-2bb6fa1{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .elementor-element.elementor-element-0d16b9e{--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-9582 .elementor-element.elementor-element-f3fb9c2{--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-9582 .elementor-element.elementor-element-3579a16{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-9018bd5{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-288411a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-bb0424f{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .elementor-element.elementor-element-17bee03{--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-9582 .elementor-element.elementor-element-d337b0e{--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-9582 .elementor-element.elementor-element-1345048{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-880f937{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-8bd5b3b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-c24ca2e{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .elementor-element.elementor-element-9028c5b{--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-9582 .elementor-element.elementor-element-3a2e24d{--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-9582 .elementor-element.elementor-element-c077698{--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-9582 .elementor-element.elementor-element-8370db2{--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-9582 .elementor-element.elementor-element-4c221fd{--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-9582 .elementor-element.elementor-element-7a0739d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-d959409{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-8d27841{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-6f254ad{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .elementor-element.elementor-element-331983d{--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-9582 .elementor-element.elementor-element-b0a0bf3{--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-9582 .elementor-element.elementor-element-beeb750{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-77e2493{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-29836b5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-e36616e{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .elementor-element.elementor-element-470296f{--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-9582 .elementor-element.elementor-element-4813bd2{--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-9582 .elementor-element.elementor-element-eaf064c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-61197a7{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-0a08f15{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-8b1f738{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .elementor-element.elementor-element-a78b92b{--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-9582 .elementor-element.elementor-element-bff1c10{--margin-top:0px;--margin-bottom:0px;--margin-left:-11px;--margin-right:0px;}.elementor-9582 .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-9582 .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-9582 .elementor-element.elementor-element-2ad89f7{--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-9582 .elementor-element.elementor-element-e50aa94{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-134268d{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-57d4a43{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-92640e4{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .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-9582 .elementor-element.elementor-element-dbeb2f8{--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-9582 .elementor-element.elementor-element-1059daa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-087f67f{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-6e3fd88{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-d7a68d9{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .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-9582 .elementor-element.elementor-element-cdad0a4{--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-9582 .elementor-element.elementor-element-e9243ac{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:35px;}.elementor-9582 .elementor-element.elementor-element-b645b79{width:100%;max-width:100%;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:40px;}.elementor-9582 .elementor-element.elementor-element-e5e846c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-9582 .elementor-element.elementor-element-97a4eab{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-9582 .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-9582 .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-9582 .dialog-close-button{font-size:18px;}}/* Start custom CSS for text-editor, class: .elementor-element-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-5da201f */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-c077698 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-5da201f */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-c077698 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-5da201f */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-c077698 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-5da201f */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-c077698 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-3738d90 */.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-b1cb076 *//* =================================
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-5399c6b */.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-3e33a39 */.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-c6b8c97 *//* =================================
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-39940b3 */.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-78add64 */.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-dbfae4b *//* =================================
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-8d09d1c */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-f01958f */.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-2bb6fa1 *//* =================================
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-58d5d5f */.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-3579a16 */.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-bb0424f *//* =================================
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-f3fb9c2 */.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-1345048 */.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-c24ca2e *//* =================================
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-d337b0e */.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-5da201f */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-7a0739d */.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-6f254ad *//* =================================
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-4c221fd */.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-beeb750 */.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-e36616e *//* =================================
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-b0a0bf3 */.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-eaf064c */.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-8b1f738 *//* =================================
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-4813bd2 */.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-c077698 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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-e50aa94 */.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-92640e4 *//* =================================
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-2ad89f7 */.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-1059daa */.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-d7a68d9 *//* =================================
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-dbeb2f8 */.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-e9243ac */.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-97a4eab *//* =================================
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-cdad0a4 */.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 nested-tabs, class: .elementor-element-0ed47aa *//* =========================
CORREÇÃO MOBILE TABS
========================= */
@media (max-width: 767px){

    /* FORÇA VOLTAR LAYOUT HORIZONTAL */
    .elementor-9582 .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-9582 .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-9582 .elementor-element.elementor-element-0ed47aa .elementor-tab-title.elementor-active {
        margin: 0 !important;
        top: 0 !important;
    }

    /* REMOVE COMPORTAMENTO DE ACCORDION */
    .elementor-9582 .elementor-element.elementor-element-0ed47aa .elementor-tabs-content-wrapper {
        order: 2;
    }

    .elementor-9582 .elementor-element.elementor-element-0ed47aa .elementor-tabs-wrapper {
        order: 1;
    }
}/* End custom CSS */