.elementor-31 .elementor-element.elementor-element-c201ed4{--display:flex;--min-height:774px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--overlay-opacity:1;}.elementor-31 .elementor-element.elementor-element-c201ed4::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://servarecomunicacao.com.br/wp-content/uploads/2026/09/HOME.webp");--background-overlay:'';background-position:top center;background-size:cover;}.elementor-31 .elementor-element.elementor-element-c201ed4.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-cfae790{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-f400e20{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -41px) 2px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-f400e20 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:18px;font-weight:900;text-transform:uppercase;line-height:72px;letter-spacing:-1.7px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-1386759{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-1386759 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:80px;font-weight:900;line-height:72px;letter-spacing:-5px;color:#FBEFD5;}.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-31 .elementor-element.elementor-element-6d3f3ad{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;font-family:"Sora", Sans-serif;font-size:23px;font-weight:400;letter-spacing:-1px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-c294090{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-b79256c{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:41px 41px;--row-gap:41px;--column-gap:41px;--overlay-opacity:1;}.elementor-31 .elementor-element.elementor-element-b79256c::before, .elementor-31 .elementor-element.elementor-element-b79256c > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-b79256c > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-b79256c > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-b79256c > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-b79256c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-31 .elementor-element.elementor-element-3479e00{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-228c178{--display:flex;--margin-top:0px;--margin-bottom:19px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-76d2348{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -247px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-2f69a73{width:var( --container-widget-width, 55% );max-width:55%;margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 4px) -7px;padding:10px 21px 6px 62px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-2f69a73 .elementor-image-box-wrapper{text-align:start;}.elementor-31 .elementor-element.elementor-element-2f69a73 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:48px;letter-spacing:-2px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-2f69a73:has(:hover) .elementor-image-box-title, .elementor-31 .elementor-element.elementor-element-2f69a73:has(:focus) .elementor-image-box-title{color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-2f69a73 .elementor-image-box-description{font-family:"Sora", Sans-serif;font-weight:400;color:#FBEFD5;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-31 .elementor-element.elementor-element-4489abf .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-31 .elementor-element.elementor-element-4489abf{width:var( --container-widget-width, 42% );max-width:42%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-980b7ec{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-33191f9{--display:flex;--margin-top:0px;--margin-bottom:19px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-ffe8a16{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -247px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-03b4126{width:var( --container-widget-width, 55% );max-width:55%;margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 4px) -7px;padding:10px 21px 6px 62px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-03b4126 .elementor-image-box-wrapper{text-align:start;}.elementor-31 .elementor-element.elementor-element-03b4126 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:37px;font-weight:900;text-transform:uppercase;line-height:40px;letter-spacing:-2px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-03b4126:has(:hover) .elementor-image-box-title, .elementor-31 .elementor-element.elementor-element-03b4126:has(:focus) .elementor-image-box-title{color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-03b4126 .elementor-image-box-description{font-family:"Sora", Sans-serif;font-weight:400;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-d699886 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-31 .elementor-element.elementor-element-d699886{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-1f8f2d2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-929431c{--display:flex;--margin-top:0px;--margin-bottom:19px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-c6b2b14{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -247px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-4e60527{width:var( --container-widget-width, 55% );max-width:55%;margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 4px) -7px;padding:10px 21px 6px 62px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-4e60527 .elementor-image-box-wrapper{text-align:start;}.elementor-31 .elementor-element.elementor-element-4e60527 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:37px;font-weight:900;text-transform:uppercase;line-height:40px;letter-spacing:-2px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-4e60527:has(:hover) .elementor-image-box-title, .elementor-31 .elementor-element.elementor-element-4e60527:has(:focus) .elementor-image-box-title{color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-4e60527 .elementor-image-box-description{font-family:"Sora", Sans-serif;font-weight:400;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-31 .elementor-element.elementor-element-78aaf93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-a5987d0{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:41px 41px;--row-gap:41px;--column-gap:41px;--overlay-opacity:1;}.elementor-31 .elementor-element.elementor-element-a5987d0::before, .elementor-31 .elementor-element.elementor-element-a5987d0 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-a5987d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-a5987d0 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-a5987d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-a5987d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-31 .elementor-element.elementor-element-095d2d2{--display:flex;--margin-top:0px;--margin-bottom:19px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-e153eb3{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -247px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-453c8ba{width:var( --container-widget-width, 55% );max-width:55%;margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 4px) -7px;padding:10px 21px 6px 62px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-453c8ba .elementor-image-box-wrapper{text-align:start;}.elementor-31 .elementor-element.elementor-element-453c8ba .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:48px;letter-spacing:-2px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-453c8ba:has(:hover) .elementor-image-box-title, .elementor-31 .elementor-element.elementor-element-453c8ba:has(:focus) .elementor-image-box-title{color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-453c8ba .elementor-image-box-description{font-family:"Sora", Sans-serif;font-weight:400;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-31 .elementor-element.elementor-element-7af2812{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-64d445b{--display:flex;--margin-top:0px;--margin-bottom:19px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-1e773ae{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -247px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-1e0ff52{width:var( --container-widget-width, 55% );max-width:55%;margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 4px) -7px;padding:10px 21px 6px 62px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-1e0ff52 .elementor-image-box-wrapper{text-align:start;}.elementor-31 .elementor-element.elementor-element-1e0ff52 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:48px;letter-spacing:-2px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-1e0ff52:has(:hover) .elementor-image-box-title, .elementor-31 .elementor-element.elementor-element-1e0ff52:has(:focus) .elementor-image-box-title{color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-1e0ff52 .elementor-image-box-description{font-family:"Sora", Sans-serif;font-weight:400;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-31 .elementor-element.elementor-element-860ce27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-7e9f7ec{--display:flex;--margin-top:0px;--margin-bottom:19px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-824aaa7{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -247px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-a6a0c84{width:var( --container-widget-width, 55% );max-width:55%;margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 4px) -7px;padding:10px 21px 6px 62px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-a6a0c84 .elementor-image-box-wrapper{text-align:start;}.elementor-31 .elementor-element.elementor-element-a6a0c84 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:48px;letter-spacing:-2px;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-a6a0c84:has(:hover) .elementor-image-box-title, .elementor-31 .elementor-element.elementor-element-a6a0c84:has(:focus) .elementor-image-box-title{color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-a6a0c84 .elementor-image-box-description{font-family:"Sora", Sans-serif;font-weight:400;color:#FBEFD5;}.elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:14px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-31 .elementor-element.elementor-element-ef79ae0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-6255ff1{--display:flex;--min-height:149px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:53px 53px;--row-gap:53px;--column-gap:53px;--flex-wrap:wrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-31 .elementor-element.elementor-element-6255ff1:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-6255ff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070707;}.elementor-31 .elementor-element.elementor-element-e1fb248{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-e1fb248.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-e1fb248 img{width:171px;}.elementor-31 .elementor-element.elementor-element-fae5164{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"DM Sans", Sans-serif;font-size:0.875rem;font-weight:400;line-height:0.71em;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-fae5164.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-d8f6191{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-31 .elementor-element.elementor-element-d8f6191.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-d8f6191 .elementor-social-icon{background-color:#FFFFFF00;}.elementor-31 .elementor-element.elementor-element-d8f6191 .elementor-social-icon i{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d8f6191 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-27059c7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-27059c7{text-align:center;font-family:"DM Sans", Sans-serif;font-size:0.875rem;font-weight:400;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-e45813e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-e45813e{text-align:center;font-family:"DM Sans", Sans-serif;font-size:0.875rem;font-weight:400;color:#FFFFFF;}body.elementor-page-31:not(.elementor-motion-effects-element-type-background), body.elementor-page-31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-4489abf.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4489abf .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-d699886.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-d699886 .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-78aaf93.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-7af2812.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-860ce27.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-ef79ae0.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button{font-size:0.9em;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-c201ed4::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-c201ed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://servarecomunicacao.com.br/wp-content/uploads/2026/09/Agrupar-7.webp");background-repeat:no-repeat;background-size:contain;}.elementor-31 .elementor-element.elementor-element-c201ed4{--justify-content:flex-end;}.elementor-31 .elementor-element.elementor-element-cfae790{--justify-content:flex-end;--margin-top:224px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-f400e20{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -43px) -5px;text-align:center;}.elementor-31 .elementor-element.elementor-element-f400e20 .elementor-heading-title{font-size:17px;}.elementor-31 .elementor-element.elementor-element-1386759{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-1386759 .elementor-heading-title{font-size:38px;line-height:1.1em;letter-spacing:-2.7px;}.elementor-31 .elementor-element.elementor-element-6d3f3ad{width:100%;max-width:100%;font-size:17px;}.elementor-31 .elementor-element.elementor-element-c294090{width:100%;max-width:100%;}.elementor-31 .elementor-element.elementor-element-2f69a73{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-2f69a73 .elementor-image-box-title{margin-bottom:0px;font-size:20px;}.elementor-31 .elementor-element.elementor-element-2f69a73 .elementor-image-box-description{font-size:11px;}.elementor-31 .elementor-element.elementor-element-4489abf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-4489abf .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-03b4126{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-03b4126 .elementor-image-box-title{font-size:21px;}.elementor-31 .elementor-element.elementor-element-d699886{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-d699886 .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-78aaf93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button{font-size:0.9em;}.elementor-31 .elementor-element.elementor-element-a5987d0{--min-height:1127px;}.elementor-31 .elementor-element.elementor-element-095d2d2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-e153eb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31 .elementor-element.elementor-element-453c8ba{width:var( --container-widget-width, 267px );max-width:267px;margin:-279px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;--container-widget-width:267px;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-453c8ba .elementor-image-box-title{margin-bottom:0px;font-size:39px;line-height:1.1em;}.elementor-31 .elementor-element.elementor-element-453c8ba .elementor-image-box-description{font-size:15px;}.elementor-31 .elementor-element.elementor-element-7af2812{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 14px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-7af2812.elementor-element{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button{font-size:0.8em;}.elementor-31 .elementor-element.elementor-element-1e773ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31 .elementor-element.elementor-element-1e0ff52{width:var( --container-widget-width, 267px );max-width:267px;margin:-279px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;--container-widget-width:267px;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-1e0ff52 .elementor-image-box-title{margin-bottom:0px;font-size:29px;line-height:1.1em;}.elementor-31 .elementor-element.elementor-element-1e0ff52 .elementor-image-box-description{font-size:15px;}.elementor-31 .elementor-element.elementor-element-860ce27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) -15px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button{font-size:0.8em;}.elementor-31 .elementor-element.elementor-element-7e9f7ec{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-824aaa7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31 .elementor-element.elementor-element-a6a0c84{width:var( --container-widget-width, 267px );max-width:267px;margin:-279px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;--container-widget-width:267px;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-a6a0c84 .elementor-image-box-title{margin-bottom:0px;font-size:29px;line-height:1.1em;}.elementor-31 .elementor-element.elementor-element-a6a0c84 .elementor-image-box-description{font-size:15px;}.elementor-31 .elementor-element.elementor-element-ef79ae0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 11px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-ef79ae0.elementor-element{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button{font-size:0.8em;}.elementor-31 .elementor-element.elementor-element-6255ff1{--gap:27px 10px;--row-gap:27px;--column-gap:10px;}.elementor-31 .elementor-element.elementor-element-e1fb248{text-align:center;}.elementor-31 .elementor-element.elementor-element-e1fb248 img{width:170px;}.elementor-31 .elementor-element.elementor-element-fae5164{font-size:13px;line-height:1.5em;}.elementor-31 .elementor-element.elementor-element-27059c7{font-size:13px;line-height:1.1em;}.elementor-31 .elementor-element.elementor-element-e45813e{font-size:13px;line-height:1.1em;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-228c178{--width:75%;}.elementor-31 .elementor-element.elementor-element-33191f9{--width:75%;}.elementor-31 .elementor-element.elementor-element-929431c{--width:75%;}.elementor-31 .elementor-element.elementor-element-095d2d2{--width:75%;}.elementor-31 .elementor-element.elementor-element-64d445b{--width:75%;}.elementor-31 .elementor-element.elementor-element-7e9f7ec{--width:75%;}.elementor-31 .elementor-element.elementor-element-6255ff1{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-4489abf */:root { --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; /* HOVER BRANCO */ --fundo-botao-hover: #FFFFFF; /* SOMBRA DO HOVER */ --intensidade-sombra: 25px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(255, 255, 255, 0.35); --expansao-sombra: 4px; /* BRILHO QUE ATRAVESSA */ --cor-brilho-interno: rgba(255, 105, 20, 0.65); --blur-brilho-interno: 35px; --expansao-brilho-interno: 20px; --inclinacao-brilho-interno: -15deg; --velocidade-animacao-brilho: 450ms; } /* ========================================= ESTADO NORMAL — LARANJA FORTE ========================================= */ .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button { position: relative; overflow: hidden; transition: background var(--velocidade-transicao) ease-in, color var(--velocidade-transicao) ease-in, box-shadow var(--velocidade-transicao) ease-in, transform var(--velocidade-transicao) ease-in; background: linear-gradient( 135deg, #FFAA3C 0%, #FF7A18 28%, #FF5800 62%, #E43D00 100% ) !important; color: #FFFFFF !important; border: var(--tamanho-borda-botao) solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(120,35,0,.30), 0 8px 22px rgba(255,90,0,.20); text-shadow: 0 1px 2px rgba(100,30,0,.30); } /* ========================================= HOVER — BRANCO ========================================= */ .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button:focus { background: #FFFFFF !important; color: #111111 !important; border: var(--tamanho-borda-botao) solid #FFFFFF !important; text-shadow: none; transform: translateY(-2px); box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba), 0 10px 30px rgba(0,0,0,.20); } /* ========================================= BRILHO ANIMADO ========================================= */ .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button:hover::before, .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button:focus::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) linear; } .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; transform: skewX( var(--inclinacao-brilho-interno) ); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); pointer-events: none; } /* ========================================= ANIMAÇÃO DO BRILHO ========================================= */ @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-webkit-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* ========================================= ÍCONE ========================================= */ .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button svg { width: 60px; vertical-align: middle; fill: currentColor !important; transition: transform 300ms ease, fill 200ms ease; } .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button svg path { fill: currentColor !important; } /* movimento do ícone */ .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button:hover svg { transform: translateX(4px); } /* ========================================= CONTEÚDO ========================================= */ .elementor-31 .elementor-element.elementor-element-4489abf .elementor-button-content-wrapper { align-items: center; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d699886 */:root { --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; /* HOVER BRANCO */ --fundo-botao-hover: #FFFFFF; /* SOMBRA DO HOVER */ --intensidade-sombra: 25px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(255, 255, 255, 0.35); --expansao-sombra: 4px; /* BRILHO QUE ATRAVESSA */ --cor-brilho-interno: rgba(255, 105, 20, 0.65); --blur-brilho-interno: 35px; --expansao-brilho-interno: 20px; --inclinacao-brilho-interno: -15deg; --velocidade-animacao-brilho: 450ms; } /* ========================================= ESTADO NORMAL — LARANJA FORTE ========================================= */ .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button { position: relative; overflow: hidden; transition: background var(--velocidade-transicao) ease-in, color var(--velocidade-transicao) ease-in, box-shadow var(--velocidade-transicao) ease-in, transform var(--velocidade-transicao) ease-in; background: linear-gradient( 135deg, #FFAA3C 0%, #FF7A18 28%, #FF5800 62%, #E43D00 100% ) !important; color: #FFFFFF !important; border: var(--tamanho-borda-botao) solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(120,35,0,.30), 0 8px 22px rgba(255,90,0,.20); text-shadow: 0 1px 2px rgba(100,30,0,.30); } /* ========================================= HOVER — BRANCO ========================================= */ .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button:focus { background: #FFFFFF !important; color: #111111 !important; border: var(--tamanho-borda-botao) solid #FFFFFF !important; text-shadow: none; transform: translateY(-2px); box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba), 0 10px 30px rgba(0,0,0,.20); } /* ========================================= BRILHO ANIMADO ========================================= */ .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button:hover::before, .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button:focus::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) linear; } .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; transform: skewX( var(--inclinacao-brilho-interno) ); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); pointer-events: none; } /* ========================================= ANIMAÇÃO DO BRILHO ========================================= */ @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-webkit-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* ========================================= ÍCONE ========================================= */ .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button svg { width: 60px; vertical-align: middle; fill: currentColor !important; transition: transform 300ms ease, fill 200ms ease; } .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button svg path { fill: currentColor !important; } /* movimento do ícone */ .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button:hover svg { transform: translateX(4px); } /* ========================================= CONTEÚDO ========================================= */ .elementor-31 .elementor-element.elementor-element-d699886 .elementor-button-content-wrapper { align-items: center; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-78aaf93 */:root { --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; /* HOVER BRANCO */ --fundo-botao-hover: #FFFFFF; /* SOMBRA DO HOVER */ --intensidade-sombra: 25px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(255, 255, 255, 0.35); --expansao-sombra: 4px; /* BRILHO QUE ATRAVESSA */ --cor-brilho-interno: rgba(255, 105, 20, 0.65); --blur-brilho-interno: 35px; --expansao-brilho-interno: 20px; --inclinacao-brilho-interno: -15deg; --velocidade-animacao-brilho: 450ms; } /* ========================================= ESTADO NORMAL — LARANJA FORTE ========================================= */ .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button { position: relative; overflow: hidden; transition: background var(--velocidade-transicao) ease-in, color var(--velocidade-transicao) ease-in, box-shadow var(--velocidade-transicao) ease-in, transform var(--velocidade-transicao) ease-in; background: linear-gradient( 135deg, #FFAA3C 0%, #FF7A18 28%, #FF5800 62%, #E43D00 100% ) !important; color: #FFFFFF !important; border: var(--tamanho-borda-botao) solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(120,35,0,.30), 0 8px 22px rgba(255,90,0,.20); text-shadow: 0 1px 2px rgba(100,30,0,.30); } /* ========================================= HOVER — BRANCO ========================================= */ .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button:focus { background: #FFFFFF !important; color: #111111 !important; border: var(--tamanho-borda-botao) solid #FFFFFF !important; text-shadow: none; transform: translateY(-2px); box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba), 0 10px 30px rgba(0,0,0,.20); } /* ========================================= BRILHO ANIMADO ========================================= */ .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button:hover::before, .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button:focus::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) linear; } .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; transform: skewX( var(--inclinacao-brilho-interno) ); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); pointer-events: none; } /* ========================================= ANIMAÇÃO DO BRILHO ========================================= */ @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-webkit-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* ========================================= ÍCONE ========================================= */ .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button svg { width: 60px; vertical-align: middle; fill: currentColor !important; transition: transform 300ms ease, fill 200ms ease; } .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button svg path { fill: currentColor !important; } /* movimento do ícone */ .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button:hover svg { transform: translateX(4px); } /* ========================================= CONTEÚDO ========================================= */ .elementor-31 .elementor-element.elementor-element-78aaf93 .elementor-button-content-wrapper { align-items: center; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7af2812 */:root { --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; /* HOVER BRANCO */ --fundo-botao-hover: #FFFFFF; /* SOMBRA DO HOVER */ --intensidade-sombra: 25px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(255, 255, 255, 0.35); --expansao-sombra: 4px; /* BRILHO QUE ATRAVESSA */ --cor-brilho-interno: rgba(255, 105, 20, 0.65); --blur-brilho-interno: 35px; --expansao-brilho-interno: 20px; --inclinacao-brilho-interno: -15deg; --velocidade-animacao-brilho: 450ms; } /* ========================================= ESTADO NORMAL — LARANJA FORTE ========================================= */ .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button { position: relative; overflow: hidden; transition: background var(--velocidade-transicao) ease-in, color var(--velocidade-transicao) ease-in, box-shadow var(--velocidade-transicao) ease-in, transform var(--velocidade-transicao) ease-in; background: linear-gradient( 135deg, #FFAA3C 0%, #FF7A18 28%, #FF5800 62%, #E43D00 100% ) !important; color: #FFFFFF !important; border: var(--tamanho-borda-botao) solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(120,35,0,.30), 0 8px 22px rgba(255,90,0,.20); text-shadow: 0 1px 2px rgba(100,30,0,.30); } /* ========================================= HOVER — BRANCO ========================================= */ .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button:focus { background: #FFFFFF !important; color: #111111 !important; border: var(--tamanho-borda-botao) solid #FFFFFF !important; text-shadow: none; transform: translateY(-2px); box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba), 0 10px 30px rgba(0,0,0,.20); } /* ========================================= BRILHO ANIMADO ========================================= */ .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button:hover::before, .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button:focus::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) linear; } .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; transform: skewX( var(--inclinacao-brilho-interno) ); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); pointer-events: none; } /* ========================================= ANIMAÇÃO DO BRILHO ========================================= */ @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-webkit-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* ========================================= ÍCONE ========================================= */ .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button svg { width: 60px; vertical-align: middle; fill: currentColor !important; transition: transform 300ms ease, fill 200ms ease; } .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button svg path { fill: currentColor !important; } /* movimento do ícone */ .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button:hover svg { transform: translateX(4px); } /* ========================================= CONTEÚDO ========================================= */ .elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button-content-wrapper { align-items: center; }.elementor-31 .elementor-element.elementor-element-7af2812 .elementor-button { padding: 18px 18px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-860ce27 */:root { --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; /* HOVER BRANCO */ --fundo-botao-hover: #FFFFFF; /* SOMBRA DO HOVER */ --intensidade-sombra: 25px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(255, 255, 255, 0.35); --expansao-sombra: 4px; /* BRILHO QUE ATRAVESSA */ --cor-brilho-interno: rgba(255, 105, 20, 0.65); --blur-brilho-interno: 35px; --expansao-brilho-interno: 20px; --inclinacao-brilho-interno: -15deg; --velocidade-animacao-brilho: 450ms; } /* ========================================= ESTADO NORMAL — LARANJA FORTE ========================================= */ .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button { position: relative; overflow: hidden; transition: background var(--velocidade-transicao) ease-in, color var(--velocidade-transicao) ease-in, box-shadow var(--velocidade-transicao) ease-in, transform var(--velocidade-transicao) ease-in; background: linear-gradient( 135deg, #FFAA3C 0%, #FF7A18 28%, #FF5800 62%, #E43D00 100% ) !important; color: #FFFFFF !important; border: var(--tamanho-borda-botao) solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(120,35,0,.30), 0 8px 22px rgba(255,90,0,.20); text-shadow: 0 1px 2px rgba(100,30,0,.30); } /* ========================================= HOVER — BRANCO ========================================= */ .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button:focus { background: #FFFFFF !important; color: #111111 !important; border: var(--tamanho-borda-botao) solid #FFFFFF !important; text-shadow: none; transform: translateY(-2px); box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba), 0 10px 30px rgba(0,0,0,.20); } /* ========================================= BRILHO ANIMADO ========================================= */ .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button:hover::before, .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button:focus::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) linear; } .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; transform: skewX( var(--inclinacao-brilho-interno) ); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); pointer-events: none; } /* ========================================= ANIMAÇÃO DO BRILHO ========================================= */ @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-webkit-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* ========================================= ÍCONE ========================================= */ .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button svg { width: 60px; vertical-align: middle; fill: currentColor !important; transition: transform 300ms ease, fill 200ms ease; } .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button svg path { fill: currentColor !important; } /* movimento do ícone */ .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button:hover svg { transform: translateX(4px); } /* ========================================= CONTEÚDO ========================================= */ .elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button-content-wrapper { align-items: center; }.elementor-31 .elementor-element.elementor-element-860ce27 .elementor-button { padding: 18px 18px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ef79ae0 */:root { --tamanho-borda-botao: 1px; --velocidade-transicao: 200ms; /* HOVER BRANCO */ --fundo-botao-hover: #FFFFFF; /* SOMBRA DO HOVER */ --intensidade-sombra: 25px; --posicao-x-sombra: 0; --posicao-y-sombra: 0; --cor-sombra-rgba: rgba(255, 255, 255, 0.35); --expansao-sombra: 4px; /* BRILHO QUE ATRAVESSA */ --cor-brilho-interno: rgba(255, 105, 20, 0.65); --blur-brilho-interno: 35px; --expansao-brilho-interno: 20px; --inclinacao-brilho-interno: -15deg; --velocidade-animacao-brilho: 450ms; } /* ========================================= ESTADO NORMAL — LARANJA FORTE ========================================= */ .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button { position: relative; overflow: hidden; transition: background var(--velocidade-transicao) ease-in, color var(--velocidade-transicao) ease-in, box-shadow var(--velocidade-transicao) ease-in, transform var(--velocidade-transicao) ease-in; background: linear-gradient( 135deg, #FFAA3C 0%, #FF7A18 28%, #FF5800 62%, #E43D00 100% ) !important; color: #FFFFFF !important; border: var(--tamanho-borda-botao) solid rgba(255, 255, 255, 0.32) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(120,35,0,.30), 0 8px 22px rgba(255,90,0,.20); text-shadow: 0 1px 2px rgba(100,30,0,.30); } /* ========================================= HOVER — BRANCO ========================================= */ .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button:focus { background: #FFFFFF !important; color: #111111 !important; border: var(--tamanho-borda-botao) solid #FFFFFF !important; text-shadow: none; transform: translateY(-2px); box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba), 0 10px 30px rgba(0,0,0,.20); } /* ========================================= BRILHO ANIMADO ========================================= */ .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button:hover::before, .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button:focus::before { animation: brilhoAnimacao var(--velocidade-animacao-brilho) linear; } .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button::before { content: ''; display: block; width: 0; height: 86%; position: absolute; top: 7%; left: 0; opacity: 0; transform: skewX( var(--inclinacao-brilho-interno) ); background: var(--cor-brilho-interno); box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno); pointer-events: none; } /* ========================================= ANIMAÇÃO DO BRILHO ========================================= */ @keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-webkit-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } @-moz-keyframes brilhoAnimacao { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* ========================================= ÍCONE ========================================= */ .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button svg { width: 60px; vertical-align: middle; fill: currentColor !important; transition: transform 300ms ease, fill 200ms ease; } .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button svg path { fill: currentColor !important; } /* movimento do ícone */ .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button:hover svg { transform: translateX(4px); } /* ========================================= CONTEÚDO ========================================= */ .elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button-content-wrapper { align-items: center; }.elementor-31 .elementor-element.elementor-element-ef79ae0 .elementor-button { padding: 18px 18px !important; }/* End custom CSS */