.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-10aa984{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:030px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}.elementor-13 .elementor-element.elementor-element-10aa984:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-10aa984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-10aa984{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-10aa984{right:0px;}.elementor-13 .elementor-element.elementor-element-68fb6c3{--display:flex;--justify-content:center;--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-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-13 .elementor-element.elementor-element-029d645{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-029d645.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-029d645 img{width:30%;}.elementor-13 .elementor-element.elementor-element-e3211d4{--display:flex;--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:020px 020px;--row-gap:020px;--column-gap:020px;--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-13 .elementor-element.elementor-element-e3211d4.e-con{--align-self:center;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-13 .elementor-element.elementor-element-10f37ad:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-10f37ad{--e-transform-transition-duration:300ms;}.elementor-13 .elementor-element.elementor-element-10f37ad .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-13 .elementor-element.elementor-element-5d6d5e7:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-5d6d5e7{padding:0px 0px 0px 0px;--e-transform-transition-duration:300ms;}.elementor-13 .elementor-element.elementor-element-5d6d5e7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-13 .elementor-element.elementor-element-0ac81c4:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-0ac81c4{padding:0px 0px 0px 0px;--e-transform-transition-duration:300ms;}.elementor-13 .elementor-element.elementor-element-0ac81c4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-13 .elementor-element.elementor-element-f357b94:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-f357b94{padding:0px 0px 0px 0px;--e-transform-transition-duration:300ms;text-align:center;}.elementor-13 .elementor-element.elementor-element-f357b94.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-f357b94 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-13 .elementor-element.elementor-element-5441477:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-5441477{padding:0px 0px 0px 0px;--e-transform-transition-duration:300ms;}.elementor-13 .elementor-element.elementor-element-5441477 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-13 .elementor-element.elementor-element-14a2fa6{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-13 .elementor-element.elementor-element-14a2fa6.e-con{--align-self:center;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-f085c44{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-f2ca165{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;top:0px;--z-index:99;}.elementor-13 .elementor-element.elementor-element-f2ca165:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-f2ca165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-f2ca165{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-f2ca165{right:0px;}.elementor-13 .elementor-element.elementor-element-e4a8c7f{--display:flex;--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-13 .elementor-element.elementor-element-9b0cccd.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-9b0cccd img{width:30%;}.elementor-13 .elementor-element.elementor-element-0ae7005{--display:flex;}.elementor-widget-nav-menu .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13 .elementor-element.elementor-element-36e1193 .elementor-menu-toggle{margin-left:auto;}.elementor-13 .elementor-element.elementor-element-36e1193 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-13 .elementor-element.elementor-element-36e1193 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-36e1193 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-4d9de04{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-4d9de04::before, .elementor-13 .elementor-element.elementor-element-4d9de04 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-4d9de04 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-4d9de04 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-4d9de04 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-4d9de04 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101B5;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-4d9de04:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4d9de04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://rebuildstrength.online/wp-content/uploads/2026/08/fallback-hero-vini-1.png") 50% 50%;background-size:cover;}.elementor-13 .elementor-element.elementor-element-4d9de04.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-76ecfb3{--display:flex;--justify-content:flex-end;--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-13 .elementor-element.elementor-element-17ee0be.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-17ee0be img{width:100%;}.elementor-13 .elementor-element.elementor-element-a0802de{--display:flex;--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-13 .elementor-element.elementor-element-2053300.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-2053300{text-align:center;}.elementor-13 .elementor-element.elementor-element-2053300 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-13 .elementor-element.elementor-element-fd6af3d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-13 .elementor-element.elementor-element-bb129dd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-13 .elementor-element.elementor-element-988cf56{--display:flex;--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-13 .elementor-element.elementor-element-5dbaa14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-38394d7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-5795868{--display:flex;--min-height:100vh;--justify-content:center;--padding-top:080px;--padding-bottom:080px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-5795868:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-5795868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-0159162{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-323a7a5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-02dc7c3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-carousel .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-carousel .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-33a139f{--e-image-carousel-slides-to-show:1;}.elementor-13 .elementor-element.elementor-element-33a139f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-d861d40{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-13 .elementor-element.elementor-element-af92aad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7385eab{text-align:center;}.elementor-13 .elementor-element.elementor-element-7385eab .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-13 .elementor-element.elementor-element-7e5e7a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-165b66e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-db3a6dd .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-e6f7277 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-3ddd34a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-322376c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:040px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-322376c:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-322376c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-6c3e6c8{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-dbf463e{--display:flex;--padding-top:046px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-139dc96.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-139dc96{text-align:center;}.elementor-13 .elementor-element.elementor-element-139dc96 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:42px;font-weight:700;}.elementor-13 .elementor-element.elementor-element-139780b{--display:flex;}.elementor-13 .elementor-element.elementor-element-dff9321.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-dff9321{text-align:center;}.elementor-13 .elementor-element.elementor-element-dff9321 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:300;}.elementor-13 .elementor-element.elementor-element-2bad56d.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-2bad56d{text-align:center;}.elementor-13 .elementor-element.elementor-element-2bad56d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:300;}.elementor-13 .elementor-element.elementor-element-d1ffaed{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-cbd22a1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-13 .elementor-element.elementor-element-cbd22a1.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-cbd22a1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-48cbf74{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-e112ef9.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-e8d0852{--display:flex;}.elementor-13 .elementor-element.elementor-element-ea20815{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-ea20815:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-ea20815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13 .elementor-element.elementor-element-f8e3b02{--display:flex;--padding-top:046px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c2d79fd.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-c2d79fd{text-align:center;}.elementor-13 .elementor-element.elementor-element-c2d79fd .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:42px;font-weight:700;}.elementor-13 .elementor-element.elementor-element-2f19eeb{--display:flex;}.elementor-13 .elementor-element.elementor-element-a4f66d4.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-a4f66d4{text-align:center;}.elementor-13 .elementor-element.elementor-element-a4f66d4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-13 .elementor-element.elementor-element-cf8804b.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-cf8804b{text-align:center;}.elementor-13 .elementor-element.elementor-element-cf8804b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-13 .elementor-element.elementor-element-0859f9c{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-d61a10d{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-13 .elementor-element.elementor-element-d61a10d.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-d61a10d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-d580b8c{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-85c5f6f.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-145f377{--display:flex;}.elementor-13 .elementor-element.elementor-element-47243e0{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-47243e0:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-47243e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13 .elementor-element.elementor-element-0b0c2d2{--display:flex;--padding-top:046px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c1174d8.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-c1174d8{text-align:center;}.elementor-13 .elementor-element.elementor-element-c1174d8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:42px;font-weight:700;}.elementor-13 .elementor-element.elementor-element-4863957{--display:flex;}.elementor-13 .elementor-element.elementor-element-3c8128b.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-3c8128b{text-align:center;}.elementor-13 .elementor-element.elementor-element-3c8128b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-13 .elementor-element.elementor-element-b32f753.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-b32f753{text-align:center;}.elementor-13 .elementor-element.elementor-element-b32f753 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-13 .elementor-element.elementor-element-1e8ace0{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-84e455d{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-13 .elementor-element.elementor-element-84e455d.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-84e455d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-6be8545{--display:flex;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-da4ea8b.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-42bc924{--display:flex;}.elementor-13 .elementor-element.elementor-element-ebca725{--display:flex;--min-height:100vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-ebca725:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-ebca725 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-db15f47{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-dc28c92{--display:flex;}.elementor-13 .elementor-element.elementor-element-dc28c92:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-dc28c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-897c28b{--display:flex;}.elementor-13 .elementor-element.elementor-element-dc6bdb9{--display:flex;}.elementor-13 .elementor-element.elementor-element-dc6bdb9:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-dc6bdb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D4724;}.elementor-13 .elementor-element.elementor-element-70bbd1c{--display:flex;}.elementor-13 .elementor-element.elementor-element-2b925cc{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2b925cc:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-2b925cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-0f3ac3c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-a90bc9b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-a4555d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-3531697{--display:flex;--min-height:100vh;--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;--padding-top:040px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-3531697:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-3531697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-850beec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-b145eab.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-b153a0a.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-7392291.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-6d98bbe{--display:flex;}.elementor-13 .elementor-element.elementor-element-4b58778.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-4b58778{text-align:center;}.elementor-13 .elementor-element.elementor-element-4b58778 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:300;}.elementor-13 .elementor-element.elementor-element-aa9ad5d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-13 .elementor-element.elementor-element-db45fc7{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:020px;--margin-left:020px;--margin-right:020px;--padding-top:030px;--padding-bottom:030px;--padding-left:010px;--padding-right:010px;}.elementor-13 .elementor-element.elementor-element-db45fc7:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-db45fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-db45fc7.e-con:hover{--e-con-transform-scale:1.05;}.elementor-13 .elementor-element.elementor-element-2fea384{--display:flex;--gap:05px 05px;--row-gap:05px;--column-gap:05px;}.elementor-13 .elementor-element.elementor-element-28bb342{padding:0px 0px 0px 2px;}.elementor-13 .elementor-element.elementor-element-28bb342 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:800;color:#CC381B;}.elementor-13 .elementor-element.elementor-element-6162051 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-55ed038{--display:flex;}.elementor-13 .elementor-element.elementor-element-dd8dc61.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-dd8dc61{text-align:start;}.elementor-13 .elementor-element.elementor-element-dd8dc61 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-c5a9ac4{--display:flex;}.elementor-13 .elementor-element.elementor-element-42fd871.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-42fd871{text-align:start;}.elementor-13 .elementor-element.elementor-element-42fd871 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-097e081{--display:flex;}.elementor-widget-icon-list .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-13 .elementor-element.elementor-element-ef81c61.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-icon i{color:var( --e-global-color-b948552 );transition:color 0.3s;}.elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-icon svg{fill:var( --e-global-color-b948552 );transition:fill 0.3s;}.elementor-13 .elementor-element.elementor-element-ef81c61{--e-icon-list-icon-size:5px;--icon-vertical-offset:0px;}.elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-13 .elementor-element.elementor-element-63234f4{--display:flex;}.elementor-13 .elementor-element.elementor-element-643c11f.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-643c11f{text-align:start;}.elementor-13 .elementor-element.elementor-element-643c11f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-0b3f8ec{--display:flex;--padding-top:020px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-3130442.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-e49acdd{--display:flex;--padding-top:020px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-d21fa52.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-eda391a{--display:flex;--padding-top:020px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-4241676.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-a67ceff{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:020px;--margin-left:020px;--margin-right:020px;--padding-top:030px;--padding-bottom:030px;--padding-left:010px;--padding-right:010px;}.elementor-13 .elementor-element.elementor-element-a67ceff:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-a67ceff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13 .elementor-element.elementor-element-a67ceff.e-con:hover{--e-con-transform-scale:1.05;}.elementor-13 .elementor-element.elementor-element-7f49ac1{--display:flex;}.elementor-13 .elementor-element.elementor-element-c021e89.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-c021e89{text-align:start;}.elementor-13 .elementor-element.elementor-element-c021e89 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:800;}.elementor-13 .elementor-element.elementor-element-73da8b8{--display:flex;}.elementor-13 .elementor-element.elementor-element-e48ad23.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-e48ad23{text-align:start;}.elementor-13 .elementor-element.elementor-element-e48ad23 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-1e39bfb{--display:flex;}.elementor-13 .elementor-element.elementor-element-839e883.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-839e883{text-align:start;}.elementor-13 .elementor-element.elementor-element-839e883 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-8224d3e{--display:flex;}.elementor-13 .elementor-element.elementor-element-658b1ec.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-658b1ec{text-align:start;}.elementor-13 .elementor-element.elementor-element-658b1ec .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-4a2f65f{--display:flex;--padding-top:020px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-34e727f.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-c51077d{--display:flex;--padding-top:020px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-76f57a5.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-8f87cc6{--display:flex;--padding-top:020px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e0b5c31.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-88c71fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--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-13 .elementor-element.elementor-element-88c71fc:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-88c71fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D4724;}.elementor-13 .elementor-element.elementor-element-3bb2e60{--display:flex;--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-13 .elementor-element.elementor-element-fa11768{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--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-13 .elementor-element.elementor-element-fa11768:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-fa11768 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D4724;}.elementor-13 .elementor-element.elementor-element-6bcf6fd{--display:flex;--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-13 .elementor-element.elementor-element-443733f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--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-13 .elementor-element.elementor-element-443733f:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-443733f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D4724;}.elementor-13 .elementor-element.elementor-element-09f0a7c{--display:flex;--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-13 .elementor-element.elementor-element-b745050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-b745050:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-b745050 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-df1c3cd{--display:flex;}.elementor-13 .elementor-element.elementor-element-c23321a{--display:flex;}.elementor-13 .elementor-element.elementor-element-253f063.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-253f063{text-align:center;}.elementor-13 .elementor-element.elementor-element-253f063 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;}.elementor-13 .elementor-element.elementor-element-c64b389{--display:flex;}.elementor-13 .elementor-element.elementor-element-4b51e27.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-4b51e27{text-align:center;}.elementor-13 .elementor-element.elementor-element-4b51e27 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-f763415{--display:flex;}.elementor-13 .elementor-element.elementor-element-7bcc903.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-7bcc903{text-align:center;}.elementor-13 .elementor-element.elementor-element-7bcc903 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:200;}.elementor-13 .elementor-element.elementor-element-cd3f3a0{--display:flex;}.elementor-13 .elementor-element.elementor-element-9ea4ae1.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-ab1c784.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-bafe1c4.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-a62944f{--display:flex;}.elementor-13 .elementor-element.elementor-element-0ca4ff8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-0ca4ff8:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0ca4ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD330A;}.elementor-13 .elementor-element.elementor-element-94df3aa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-94df3aa:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-94df3aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;}.elementor-13 .elementor-element.elementor-element-6419e87{--display:flex;--justify-content:center;}.elementor-13 .elementor-element.elementor-element-a5bb7c3{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c2992e6.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-c2992e6{text-align:center;}.elementor-13 .elementor-element.elementor-element-c2992e6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-13 .elementor-element.elementor-element-390ad1c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-social-icons .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-social-icons .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-3a1a169{--grid-template-columns:repeat(0, auto);text-align:center;width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-social-icon{background-color:var( --e-global-color-9d4a059 );}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-social-icon i{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-icon{border-radius:40px 40px 40px 40px;}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-social-icon:hover{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-social-icon:hover i{color:#000000;}.elementor-13 .elementor-element.elementor-element-3a1a169 .elementor-social-icon:hover svg{fill:#000000;}.elementor-13 .elementor-element.elementor-element-0039564{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0039564.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-7679907{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-3705c98{--display:flex;}.elementor-13 .elementor-element.elementor-element-2585339 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-2901b24{--display:flex;}.elementor-13 .elementor-element.elementor-element-0c18477:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-0c18477.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-0c18477 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-b29283a{--display:flex;}.elementor-13 .elementor-element.elementor-element-57d2d8e:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-57d2d8e.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-57d2d8e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-8c9f30e{--display:flex;}.elementor-13 .elementor-element.elementor-element-e508a65:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-e508a65.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-e508a65 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-9e7d66f{--display:flex;}.elementor-13 .elementor-element.elementor-element-a07c306:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-a07c306.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-a07c306 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-f31750a{--display:flex;}.elementor-13 .elementor-element.elementor-element-eeec397:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-eeec397.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-eeec397 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-04a36ab{--display:flex;}.elementor-13 .elementor-element.elementor-element-08038bb:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-08038bb.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-08038bb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-3d61548{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-4d6521a{--display:flex;}.elementor-13 .elementor-element.elementor-element-4fc6711 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;}.elementor-13 .elementor-element.elementor-element-2dfc8a6{--display:flex;}.elementor-13 .elementor-element.elementor-element-72e3e3d:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-72e3e3d.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-72e3e3d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-686cf35{--display:flex;}.elementor-13 .elementor-element.elementor-element-e9eb9f6:hover{--e-transform-scale:1.1;}.elementor-13 .elementor-element.elementor-element-e9eb9f6.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-e9eb9f6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;}.elementor-13 .elementor-element.elementor-element-ddc120a{--display:flex;}.elementor-13 .elementor-element.elementor-element-8c7ad0a{--display:flex;}.elementor-13 .elementor-element.elementor-element-c5e862a{--display:flex;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-10aa984{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-68fb6c3{--width:100%;}.elementor-13 .elementor-element.elementor-element-e3211d4{--width:100%;}.elementor-13 .elementor-element.elementor-element-14a2fa6{--width:100%;}.elementor-13 .elementor-element.elementor-element-f2ca165{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-e4a8c7f{--width:100%;}.elementor-13 .elementor-element.elementor-element-4d9de04{--width:100%;}.elementor-13 .elementor-element.elementor-element-76ecfb3{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-6c3e6c8{--content-width:76%;}.elementor-13 .elementor-element.elementor-element-d1ffaed{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-48cbf74{--width:100%;}.elementor-13 .elementor-element.elementor-element-ea20815{--width:100%;}.elementor-13 .elementor-element.elementor-element-0859f9c{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-d580b8c{--width:100%;}.elementor-13 .elementor-element.elementor-element-47243e0{--width:100%;}.elementor-13 .elementor-element.elementor-element-1e8ace0{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-6be8545{--width:100%;}.elementor-13 .elementor-element.elementor-element-ebca725{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-dc28c92{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-dc6bdb9{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-2b925cc{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-88c71fc{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-fa11768{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-443733f{--content-width:1600px;}.elementor-13 .elementor-element.elementor-element-c64b389{--content-width:54%;}.elementor-13 .elementor-element.elementor-element-f763415{--content-width:54%;}.elementor-13 .elementor-element.elementor-element-0ca4ff8{--content-width:1750px;}}@media(max-width:1024px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-10aa984{--content-width:1200px;}.elementor-13 .elementor-element.elementor-element-68fb6c3{--width:38%;}.elementor-13 .elementor-element.elementor-element-e3211d4{--width:100%;}.elementor-13 .elementor-element.elementor-element-14a2fa6{--width:38%;}.elementor-13 .elementor-element.elementor-element-f2ca165{--content-width:1200px;}.elementor-13 .elementor-element.elementor-element-e4a8c7f{--width:44%;}.elementor-13 .elementor-element.elementor-element-323a7a5{--width:760px;}.elementor-13 .elementor-element.elementor-element-6c3e6c8{--content-width:76%;}.elementor-13 .elementor-element.elementor-element-ea20815{--width:90%;}.elementor-13 .elementor-element.elementor-element-47243e0{--width:90%;}.elementor-13 .elementor-element.elementor-element-db45fc7{--width:80%;}.elementor-13 .elementor-element.elementor-element-a67ceff{--width:80%;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-029d645 img{width:100%;}.elementor-13 .elementor-element.elementor-element-10f37ad .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-5d6d5e7 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-0ac81c4 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-f357b94 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-5441477 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-14a2fa6.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-f085c44{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-13 .elementor-element.elementor-element-9b0cccd img{width:32%;}.elementor-13 .elementor-element.elementor-element-4d9de04{--margin-top:62px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-02dc7c3{--margin-top:0px;--margin-bottom:0px;--margin-left:020px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-33a139f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-7385eab .elementor-heading-title{font-size:28px;}.elementor-13 .elementor-element.elementor-element-165b66e .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-db3a6dd .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-e6f7277 .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-3ddd34a .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-6c3e6c8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-6c3e6c8.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-139dc96 .elementor-heading-title{font-size:34px;}.elementor-13 .elementor-element.elementor-element-dff9321 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-2bad56d .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-cbd22a1 .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-ea20815{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-ea20815.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-c2d79fd .elementor-heading-title{font-size:35px;}.elementor-13 .elementor-element.elementor-element-a4f66d4 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-cf8804b .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-d61a10d .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-47243e0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-47243e0.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-c1174d8 .elementor-heading-title{font-size:34px;}.elementor-13 .elementor-element.elementor-element-3c8128b .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-b32f753 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-84e455d .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-db15f47{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-dc28c92{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-897c28b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-70bbd1c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-4b58778 .elementor-heading-title{font-size:24px;}.elementor-13 .elementor-element.elementor-element-aa9ad5d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-13 .elementor-element.elementor-element-db45fc7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:030px;--padding-left:010px;--padding-right:010px;}.elementor-13 .elementor-element.elementor-element-6162051 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-dd8dc61.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-dd8dc61{text-align:start;}.elementor-13 .elementor-element.elementor-element-dd8dc61 .elementor-heading-title{font-size:24px;}.elementor-13 .elementor-element.elementor-element-42fd871{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-42fd871.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-42fd871 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-item > a{font-size:14px;}.elementor-13 .elementor-element.elementor-element-a67ceff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:030px;--padding-left:010px;--padding-right:010px;}.elementor-13 .elementor-element.elementor-element-c021e89 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-839e883{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-839e883.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-839e883 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-658b1ec .elementor-heading-title{font-size:24px;}.elementor-13 .elementor-element.elementor-element-b745050{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-253f063 .elementor-heading-title{font-size:40px;}.elementor-13 .elementor-element.elementor-element-4b51e27 .elementor-heading-title{font-size:30px;}.elementor-13 .elementor-element.elementor-element-c2992e6 .elementor-heading-title{font-size:10px;}.elementor-13 .elementor-element.elementor-element-390ad1c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13 .elementor-element.elementor-element-390ad1c.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-3a1a169{--icon-size:20px;}.elementor-13 .elementor-element.elementor-element-2585339 .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-2901b24{--padding-top:05px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0c18477 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-b29283a{--padding-top:0px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-57d2d8e .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-8c9f30e{--padding-top:05px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e508a65 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-9e7d66f{--padding-top:0px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-a07c306 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-f31750a{--padding-top:05px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-eeec397 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-04a36ab{--padding-top:05px;--padding-bottom:010px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-08038bb .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-4fc6711 .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-2dfc8a6{--padding-top:05px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-72e3e3d .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-686cf35{--padding-top:05px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e9eb9f6 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-f2ca165{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-13 .elementor-element.elementor-element-e4a8c7f{--width:61%;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-e4a8c7f.e-con{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-9b0cccd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-9b0cccd.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-9b0cccd img{width:52%;}.elementor-13 .elementor-element.elementor-element-0ae7005{--width:32%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-13 .elementor-element.elementor-element-0ae7005.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-36e1193{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-36e1193.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-4d9de04{--margin-top:52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-76ecfb3{--margin-top:0px;--margin-bottom:050px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2053300{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-2053300 .elementor-heading-title{font-size:20px;}.elementor-13 .elementor-element.elementor-element-9243cd8{width:var( --container-widget-width, 92% );max-width:92%;--container-widget-width:92%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-02dc7c3{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-02dc7c3.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-33a139f{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-13 .elementor-element.elementor-element-47243e0{--width:80%;}.elementor-13 .elementor-element.elementor-element-c1174d8 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-4863957{--padding-top:020px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-3c8128b .elementor-heading-title{font-size:22px;}.elementor-13 .elementor-element.elementor-element-b32f753 .elementor-heading-title{font-size:22px;}.elementor-13 .elementor-element.elementor-element-1e8ace0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-84e455d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-13 .elementor-element.elementor-element-6be8545{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-dc6bdb9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7392291{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-4b58778 .elementor-heading-title{font-size:12px;}.elementor-13 .elementor-element.elementor-element-db45fc7{--width:95%;--padding-top:030px;--padding-bottom:030px;--padding-left:015px;--padding-right:015px;}.elementor-13 .elementor-element.elementor-element-2fea384{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-28bb342{padding:0px 0px 0px 01px;text-align:start;}.elementor-13 .elementor-element.elementor-element-28bb342.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-28bb342 .elementor-heading-title{font-size:12px;}.elementor-13 .elementor-element.elementor-element-6162051.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-6162051{text-align:start;}.elementor-13 .elementor-element.elementor-element-6162051 .elementor-heading-title{font-size:20px;}.elementor-13 .elementor-element.elementor-element-55ed038{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-dd8dc61 .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-c5a9ac4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-42fd871 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-097e081{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13 .elementor-element.elementor-element-ef81c61 .elementor-icon-list-item > a{font-size:12px;}.elementor-13 .elementor-element.elementor-element-63234f4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-643c11f .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-0b3f8ec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e49acdd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-eda391a{--padding-top:0px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-a67ceff{--width:95%;--padding-top:030px;--padding-bottom:030px;--padding-left:015px;--padding-right:015px;}.elementor-13 .elementor-element.elementor-element-7f49ac1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c021e89.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-c021e89{text-align:start;}.elementor-13 .elementor-element.elementor-element-c021e89 .elementor-heading-title{font-size:20px;}.elementor-13 .elementor-element.elementor-element-73da8b8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e48ad23 .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-1e39bfb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-839e883 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-8224d3e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-658b1ec .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-4a2f65f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c51077d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8f87cc6{--padding-top:0px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-b745050{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c23321a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-253f063 .elementor-heading-title{font-size:36px;}.elementor-13 .elementor-element.elementor-element-c64b389{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-4b51e27 .elementor-heading-title{font-size:26px;}.elementor-13 .elementor-element.elementor-element-f763415{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7bcc903 .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-cd3f3a0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7679907{--padding-top:0px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2901b24{--padding-top:0px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-b29283a{--padding-top:0px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8c9f30e{--padding-top:0px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-9e7d66f{--padding-top:05px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-f31750a{--padding-top:05px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-04a36ab{--padding-top:05px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2dfc8a6{--padding-top:0px;--padding-bottom:05px;--padding-left:010px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-686cf35{--padding-top:05px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f085c44 *//* ═══════════════════════════════════════════════════ VINNY LEARN MORE BUTTON PREFIXO EXCLUSIVO: vlmbx- ═══════════════════════════════════════════════════ */ /* ======================================== WRAPPER ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-wrap { position: relative; display: inline-block; } /* ======================================== GLOW ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-glow { position: absolute; inset: -12px -18px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29, 71, 36, 0.5) 0%, transparent 70% ); filter: blur(8px); opacity: 0.12; animation: vlmbxGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes vlmbxGlowPulse { 0%, 100% { opacity: 0.12; } 50% { opacity: 0.28; } } .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-wrap:hover .vlmbx-glow { opacity: 0.65; } /* ======================================== SVG BORDER ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; overflow: visible; opacity: 0; } .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-border-rect { fill: none; stroke: rgba( 240, 235, 224, 0.65 ); stroke-width: 1.5; transition: stroke-dashoffset 0.7s cubic-bezier( 0.4, 0, 0.2, 1 ); } /* ======================================== BUTTON ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #333333 !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; box-shadow: none; padding: 10px 22px 10px 16px !important; font-family: 'Manrope', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.3s 0s cubic-bezier( 0.4, 0, 0.2, 1 ), box-shadow 0.4s ease; } /* ======================================== SHINE ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba( 255, 255, 255, 0.14 ) 46%, rgba( 255, 255, 255, 0.24 ) 50%, rgba( 255, 255, 255, 0.14 ) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: vlmbxShimmer 4.5s ease-in-out infinite; will-change: background-position; } @keyframes vlmbxShimmer { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* ======================================== LIQUID HOVER BRANCO PURO ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-liquid { position: absolute !important; inset: 0; background-color: #ffffff !important; clip-path: circle( 0% at var(--vlmbx-lx, 50%) var(--vlmbx-ly, 50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); pointer-events: none; z-index: 1; transform: translateZ(0); } .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn:hover .vlmbx-liquid { clip-path: circle( 200% at var(--vlmbx-lx, 50%) var(--vlmbx-ly, 50%) ); } /* ======================================== INNER CONTENT ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; } /* ======================================== TEXT ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-text { display: block; position: relative; transform: none; animation: none; } /* ======================================== ARROW ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-arrow svg { width: 13px; height: 13px; } /* ======================================== HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn:hover { color: #0f0f0f !important; background-color: #333333 !important; box-shadow: 0 10px 28px rgba( 0, 0, 0, 0.25 ), 0 2px 8px rgba( 0, 0, 0, 0.12 ); transition: color 0.3s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ), box-shadow 0.4s ease; } .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn:hover .vlmbx-arrow { transform: translateX( 6px ); } /* ======================================== ACTIVE ======================================== */ .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn:active { transform: scale( 0.97 ) !important; transition: transform 0.1s ease !important; } /* ======================================== REDUCED MOTION ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-btn::before { animation: none; } .elementor-13 .elementor-element.elementor-element-f085c44 .vlmbx-glow { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-86d9adf */.ht-wrap { position: relative; display: inline-block; } .ht-glow { position: absolute; inset: -28px -44px; border-radius: 50%; background: radial-gradient( ellipse, rgba(204,56,27,0.55) 0%, transparent 70% ); filter: blur(14px); opacity: 0.22; animation: htGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes htGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .ht-wrap:hover .ht-glow { opacity: 0.9; animation: none; } /* BORDA ANIMADA */ .ht-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; overflow: visible; } .ht-border-rect { fill: none; stroke: rgba(240, 235, 224, 0.65); stroke-width: 1.5; transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1); } /* BOTÃO */ .ht-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #cc381b !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 20px 48px 20px 40px !important; font-family: 'Manrope', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease !important; } /* SHIMMER CONTÍNUO */ .ht-btn::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: htShimmerContinuous 4.5s ease-in-out infinite; z-index: 0; pointer-events: none; will-change: background-position; } @keyframes htShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* LIQUID FILL */ .ht-liquid { position: absolute !important; inset: 0; background-color: #F0EBE0 !important; clip-path: circle( 0% at var(--lx, 50%) var(--ly, 50%) ); transition: clip-path 0.62s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: 1; transform: translateZ(0); pointer-events: none; } .ht-btn:hover .ht-liquid { clip-path: circle( 200% at var(--lx, 50%) var(--ly, 50%) ); } /* CONTEÚDO */ .ht-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; } .ht-text { display: block; } .ht-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier(0.34, 1.56, 0.64, 1); } .ht-arrow svg { width: 17px; height: 17px; } /* HOVER */ .ht-btn:hover { color: #0f0f0f !important; background-color: #cc381b !important; letter-spacing: 0.28em !important; text-decoration: none !important; box-shadow: 0 22px 52px rgba(0,0,0,0.38), 0 4px 14px rgba(0,0,0,0.2) !important; transition: color 0.48s 0.15s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease !important; } .ht-btn:hover .ht-arrow { transform: translateX(10px); } /* CLIQUE */ .ht-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7a02555 */.hm-wrap { position: relative; display: inline-block; } .hm-glow { position: absolute; inset: -24px -36px; border-radius: 50%; background: radial-gradient( ellipse, rgba(204,56,27,0.55) 0%, transparent 70% ); filter: blur(12px); opacity: 0.22; animation: hmGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes hmGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .hm-wrap:hover .hm-glow { opacity: 0.9; animation: none; } /* BORDA ANIMADA */ .hm-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; overflow: visible; } .hm-border-rect { fill: none; stroke: rgba(240, 235, 224, 0.65); stroke-width: 1.5; transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1); } /* BOTÃO */ .hm-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #cc381b !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 15px 34px 15px 28px !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease !important; } /* SHIMMER CONTÍNUO */ .hm-btn::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: hmShimmerContinuous 4.5s ease-in-out infinite; z-index: 0; pointer-events: none; will-change: background-position; } @keyframes hmShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* LIQUID FILL */ .hm-liquid { position: absolute !important; inset: 0; background-color: #F0EBE0 !important; clip-path: circle( 0% at var(--lx, 50%) var(--ly, 50%) ); transition: clip-path 0.62s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: 1; transform: translateZ(0); pointer-events: none; } .hm-btn:hover .hm-liquid { clip-path: circle( 200% at var(--lx, 50%) var(--ly, 50%) ); } /* CONTEÚDO */ .hm-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 14px; } .hm-text { display: block; } .hm-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier(0.34, 1.56, 0.64, 1); } .hm-arrow svg { width: 15px; height: 15px; } /* HOVER */ .hm-btn:hover { color: #0f0f0f !important; background-color: #cc381b !important; letter-spacing: 0.26em !important; text-decoration: none !important; box-shadow: 0 18px 44px rgba(0,0,0,0.35), 0 4px 12px rgba(0,0,0,0.18) !important; transition: color 0.48s 0.15s cubic-bezier(0.4, 0, 0.2, 1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease !important; } .hm-btn:hover .hm-arrow { transform: translateX(8px); } /* CLIQUE */ .hm-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; } /* DELAY DA ANIMAÇÃO DE ENTRADA (FADE IN UP) */ .elementor-13 .elementor-element.elementor-element-7a02555.animated { animation-delay: 600ms !important; animation-fill-mode: both !important; } /* ESCONDE O BOTÃO ATÉ A ANIMAÇÃO DE ENTRADA COMEÇAR (MOBILE) */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-7a02555:not(.animated) { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5dbaa14 */.rb-hero-price { display: table; width: auto; margin: 10px auto 0; padding: 7px 12px; background: #646464; color: #FFFFFF; border-radius: 6px; font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; white-space: nowrap; box-sizing: border-box; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-89e0a26 *//* ======================================== VINÍCIUS PONTES - ABOUT TITLE DESKTOP ======================================== */ .elementor-13 .elementor-element.elementor-element-89e0a26 .vinny-title-desktop { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 54px; font-weight: 700; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; transition: color 0.35s ease, transform 0.35s ease; } /* Linha animada */ .elementor-13 .elementor-element.elementor-element-89e0a26 .vinny-title-desktop::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #f3ede3; transform: translateX(-50%); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } /* HOVER */ .elementor-13 .elementor-element.elementor-element-89e0a26 .vinny-title-desktop:hover { color: #f3ede3; transform: translateY(-2px); } /* Linha aparece no hover */ .elementor-13 .elementor-element.elementor-element-89e0a26 .vinny-title-desktop:hover::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a0ad85 *//* ======================================== VINÍCIUS PONTES - ABOUT TITLE DESKTOP ======================================== */ .elementor-13 .elementor-element.elementor-element-5a0ad85 .vinny-title-desktop { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 38px; font-weight: 800; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; transition: color 0.35s ease, transform 0.35s ease; } /* Linha animada */ .elementor-13 .elementor-element.elementor-element-5a0ad85 .vinny-title-desktop::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #f3ede3; transform: translateX(-50%); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } /* HOVER */ .elementor-13 .elementor-element.elementor-element-5a0ad85 .vinny-title-desktop:hover { color: #f3ede3; transform: translateY(-2px); } /* Linha aparece no hover */ .elementor-13 .elementor-element.elementor-element-5a0ad85 .vinny-title-desktop:hover::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9243cd8 *//* ======================================== VINÍCIUS PONTES - ABOUT TITLE DESKTOP ======================================== */ .elementor-13 .elementor-element.elementor-element-9243cd8 .vinny-title-desktop { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 30px; font-weight: 800; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; transition: color 0.35s ease, transform 0.35s ease; } /* Linha animada */ .elementor-13 .elementor-element.elementor-element-9243cd8 .vinny-title-desktop::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #f3ede3; transform: translateX(-50%); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } /* HOVER */ .elementor-13 .elementor-element.elementor-element-9243cd8 .vinny-title-desktop:hover { color: #f3ede3; transform: translateY(-2px); } /* Linha aparece no hover */ .elementor-13 .elementor-element.elementor-element-9243cd8 .vinny-title-desktop:hover::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-33a139f *//* ALTURA FIXA DE TODOS OS SLIDES */ .elementor-13 .elementor-element.elementor-element-33a139f .swiper-slide { height: 570px !important; } /* CONTAINER REAL DA IMAGEM NO ELEMENTOR */ .elementor-13 .elementor-element.elementor-element-33a139f .swiper-slide-inner { width: 100% !important; height: 100% !important; margin: 0 !important; /* RAIO NOS 4 CANTOS */ border-radius: 16px !important; /* FAZ O CONTAINER RECORTAR A IMAGEM */ overflow: hidden !important; } /* CASO O ELEMENTOR TENHA LINK/LIGHTBOX */ .elementor-13 .elementor-element.elementor-element-33a139f .swiper-slide-inner > a { display: block !important; width: 100% !important; height: 100% !important; border-radius: inherit !important; overflow: hidden !important; } /* IMAGEM */ .elementor-13 .elementor-element.elementor-element-33a139f .swiper-slide-image { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; border-radius: inherit !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-13 .elementor-element.elementor-element-33a139f .swiper-slide { height: 520px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-33a139f .swiper-slide { height: 460px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-139dc96 *//* ===================================================== WORD REVEAL ===================================================== */ .word-reveal-title .elementor-heading-title { overflow: visible; } /* * Cada palavra recebe seu próprio container. * Isso permite que elas animem independentemente. */ .word-reveal-title .word-reveal-mask { display: inline-block; overflow: hidden; /* mantém o alinhamento natural da frase */ vertical-align: bottom; /* espaço entre as palavras */ margin-right: 0.22em; /* evita corte vertical durante a animação */ padding-bottom: 0.08em; margin-bottom: -0.08em; } /* * Palavra que efetivamente se movimenta */ .word-reveal-title .word-reveal-word { display: inline-block; opacity: 0; transform: translate3d(0, 0.75em, 0); will-change: transform, opacity; } /* * Estado ativado pelo JavaScript */ .word-reveal-title.is-visible .word-reveal-word { animation: wordRevealUp 900ms cubic-bezier(0.22, 1, 0.36, 1) forwards; animation-delay: calc(var(--word-index) * 160ms); } /* ANIMAÇÃO */ @keyframes wordRevealUp { 0% { opacity: 0; transform: translate3d(0, 0.75em, 0); } 35% { opacity: 0.35; } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* ===================================================== ACESSIBILIDADE ===================================================== */ @media (prefers-reduced-motion: reduce) { .word-reveal-title .word-reveal-word { opacity: 1; transform: none; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e112ef9 *//* ══════════════════════════════════════ CTA DESKTOP Prefixo exclusivo: ctad- ══════════════════════════════════════ */ /* WRAPPER */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-wrap { position: relative; display: inline-block; } /* GLOW */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-glow { position: absolute; inset: -28px -44px; border-radius: 50%; background: radial-gradient( ellipse, rgba(204,56,27,0.55) 0%, transparent 70% ); filter: blur(14px); opacity: 0.22; animation: ctadGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; } @keyframes ctadGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } /* BUTTON */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #cc381b !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 20px 48px 20px 40px !important; font-family: 'Manrope', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; isolation: isolate; z-index: 1; transition: color 0.48s cubic-bezier(0.4,0,0.2,1), transform 0.28s cubic-bezier(0.34,1.56,0.64,1); } /* ══════════════════════════════════════ SHIMMER CONTÍNUO ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: ctadShimmerContinuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes ctadShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* LIQUID WHITE HOVER */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-liquid { position: absolute !important; inset: 0; background-color: #ffffff !important; clip-path: circle( 0% at var(--ctad-lx,50%) var(--ctad-ly,50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn:hover .ctad-liquid { clip-path: circle( 200% at var(--ctad-lx,50%) var(--ctad-ly,50%) ); } /* INNER */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; } /* TEXT */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-text { display: block; } /* ARROW */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier(0.34,1.56,0.64,1); } .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-arrow svg { width: 17px; height: 17px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn:hover { color: #0f0f0f !important; background-color: #cc381b !important; } /* MOVIMENTO DA SETA */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn:hover .ctad-arrow { transform: translateX(10px); } /* ACTIVE */ .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-btn::before { animation: none; } .elementor-13 .elementor-element.elementor-element-e112ef9 .ctad-glow { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c3e6c8 *//* ══════════════════════════════════════ CARD CTA Branco discreto apenas nos cantos ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-6c3e6c8 { background: repeating-linear-gradient( 115deg, rgba(255, 255, 255, 0.012) 0px, rgba(255, 255, 255, 0.012) 1px, transparent 1px, transparent 7px ), /* brilho branco discreto no canto superior esquerdo */ radial-gradient( circle at 10% 12%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 14%, rgba(255, 255, 255, 0.025) 24%, transparent 32% ), /* brilho branco discreto no canto inferior direito */ radial-gradient( circle at 90% 88%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.055) 14%, rgba(255, 255, 255, 0.02) 24%, transparent 32% ), /* base principal cinza escuro */ linear-gradient( 135deg, #4a4a4a 0%, #333333 48%, #3f3f3f 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.10); outline: 1px solid rgba(255, 255, 255, 0.035); outline-offset: -8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.025), 0 30px 80px rgba(0, 0, 0, 0.12); overflow: hidden; } /* Permite animar o ângulo do gradiente */ @property --cta-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* CARD */ .elementor-13 .elementor-element.elementor-element-6c3e6c8 { position: relative; isolation: isolate; overflow: hidden; border-radius: 20px; } /* BORDA ANIMADA */ .elementor-13 .elementor-element.elementor-element-6c3e6c8::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--cta-border-angle), transparent 0deg, transparent 255deg, rgba(255, 255, 255, 0.02) 270deg, rgba(255, 255, 255, 0.10) 288deg, rgba(255, 255, 255, 0.35) 305deg, rgba(255, 255, 255, 0.90) 320deg, rgba(255, 255, 255, 0.35) 335deg, rgba(255, 255, 255, 0.10) 348deg, transparent 360deg ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: cta-border-movement 6s linear infinite; } /* Conteúdo acima da borda */ .elementor-13 .elementor-element.elementor-element-6c3e6c8 > * { position: relative; z-index: 2; } /* ANIMAÇÃO */ @keyframes cta-border-movement { from { --cta-border-angle: 0deg; } to { --cta-border-angle: 360deg; } } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-6c3e6c8::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c2d79fd *//* ===================================================== WORD REVEAL ===================================================== */ .word-reveal-title .elementor-heading-title { overflow: visible; } /* * Cada palavra recebe seu próprio container. * Isso permite que elas animem independentemente. */ .word-reveal-title .word-reveal-mask { display: inline-block; overflow: hidden; /* mantém o alinhamento natural da frase */ vertical-align: bottom; /* espaço entre as palavras */ margin-right: 0.22em; /* evita corte vertical durante a animação */ padding-bottom: 0.08em; margin-bottom: -0.08em; } /* * Palavra que efetivamente se movimenta */ .word-reveal-title .word-reveal-word { display: inline-block; opacity: 0; transform: translate3d(0, 0.75em, 0); will-change: transform, opacity; } /* * Estado ativado pelo JavaScript */ .word-reveal-title.is-visible .word-reveal-word { animation: wordRevealUp 900ms cubic-bezier(0.22, 1, 0.36, 1) forwards; animation-delay: calc(var(--word-index) * 160ms); } /* ANIMAÇÃO */ @keyframes wordRevealUp { 0% { opacity: 0; transform: translate3d(0, 0.75em, 0); } 35% { opacity: 0.35; } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* ===================================================== ACESSIBILIDADE ===================================================== */ @media (prefers-reduced-motion: reduce) { .word-reveal-title .word-reveal-word { opacity: 1; transform: none; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85c5f6f *//* ══════════════════════════════════════ CTA TABLET Prefixo exclusivo: ctat- ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-wrap { position: relative; display: inline-block; } /* GLOW */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-glow { position: absolute; inset: -22px -34px; border-radius: 50%; background: radial-gradient( ellipse, rgba(204,56,27,0.55) 0%, transparent 70% ); filter: blur(12px); opacity: 0.22; animation: ctatGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; } @keyframes ctatGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } /* BUTTON */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #cc381b !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 16px 36px 16px 30px !important; font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.21em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s cubic-bezier(0.4,0,0.2,1); } /* ══════════════════════════════════════ SHIMMER CONTÍNUO ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: ctatShimmerContinuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes ctatShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* WHITE HOVER */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-liquid { position: absolute !important; inset: 0; background-color: #ffffff !important; clip-path: circle( 0% at var(--ctat-lx,50%) var(--ctat-ly,50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-btn:hover .ctat-liquid { clip-path: circle( 200% at var(--ctat-lx,50%) var(--ctat-ly,50%) ); } /* INNER */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 15px; } .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-text { display: block; } /* ARROW */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-arrow { display: flex; align-items: center; flex-shrink: 0; } .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-arrow svg { width: 15px; height: 15px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-btn:hover { color: #0f0f0f !important; background-color: #cc381b !important; } /* ACTIVE */ .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-btn::before { animation: none; } .elementor-13 .elementor-element.elementor-element-85c5f6f .ctat-glow { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ea20815 */.elementor-13 .elementor-element.elementor-element-ea20815 { background: repeating-linear-gradient( 115deg, rgba(255, 255, 255, 0.012) 0px, rgba(255, 255, 255, 0.012) 1px, transparent 1px, transparent 7px ), /* brilho branco discreto no canto superior esquerdo */ radial-gradient( circle at 10% 12%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 14%, rgba(255, 255, 255, 0.025) 24%, transparent 32% ), /* brilho branco discreto no canto inferior direito */ radial-gradient( circle at 90% 88%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.055) 14%, rgba(255, 255, 255, 0.02) 24%, transparent 32% ), /* base principal cinza escuro */ linear-gradient( 135deg, #4a4a4a 0%, #333333 48%, #3f3f3f 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.10); outline: 1px solid rgba(255, 255, 255, 0.035); outline-offset: -8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.025), 0 30px 80px rgba(0, 0, 0, 0.12); overflow: hidden; } /* Permite animar o ângulo do gradiente */ @property --cta-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* CTA */ .elementor-13 .elementor-element.elementor-element-ea20815 { position: relative; isolation: isolate; overflow: hidden; /* mantenha o mesmo radius que você já usa */ border-radius: 20px; } /* BORDA ANIMADA */ .elementor-13 .elementor-element.elementor-element-ea20815::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; /* * A maior parte fica transparente. * Apenas um trecho recebe o brilho. */ background: conic-gradient( from var(--cta-border-angle), transparent 0deg, transparent 255deg, rgba(255, 255, 255, 0.02) 270deg, rgba(255, 255, 255, 0.10) 288deg, rgba(255, 255, 255, 0.35) 305deg, rgba(255, 255, 255, 0.90) 320deg, rgba(255, 255, 255, 0.35) 335deg, rgba(255, 255, 255, 0.10) 348deg, transparent 360deg ); /* * Remove o centro do pseudo-elemento. * Assim sobra SOMENTE a borda. */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: cta-border-movement 6s linear infinite; } /* Conteúdo sempre fica acima da borda */ .elementor-13 .elementor-element.elementor-element-ea20815 > * { position: relative; z-index: 2; } /* ANIMAÇÃO */ @keyframes cta-border-movement { from { --cta-border-angle: 0deg; } to { --cta-border-angle: 360deg; } } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-ea20815::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c1174d8 *//* ===================================================== WORD REVEAL ===================================================== */ .word-reveal-title .elementor-heading-title { overflow: visible; } /* * Cada palavra recebe seu próprio container. * Isso permite que elas animem independentemente. */ .word-reveal-title .word-reveal-mask { display: inline-block; overflow: hidden; /* mantém o alinhamento natural da frase */ vertical-align: bottom; /* espaço entre as palavras */ margin-right: 0.22em; /* evita corte vertical durante a animação */ padding-bottom: 0.08em; margin-bottom: -0.08em; } /* * Palavra que efetivamente se movimenta */ .word-reveal-title .word-reveal-word { display: inline-block; opacity: 0; transform: translate3d(0, 0.75em, 0); will-change: transform, opacity; } /* * Estado ativado pelo JavaScript */ .word-reveal-title.is-visible .word-reveal-word { animation: wordRevealUp 900ms cubic-bezier(0.22, 1, 0.36, 1) forwards; animation-delay: calc(var(--word-index) * 160ms); } /* ANIMAÇÃO */ @keyframes wordRevealUp { 0% { opacity: 0; transform: translate3d(0, 0.75em, 0); } 35% { opacity: 0.35; } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* ===================================================== ACESSIBILIDADE ===================================================== */ @media (prefers-reduced-motion: reduce) { .word-reveal-title .word-reveal-word { opacity: 1; transform: none; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da4ea8b *//* ══════════════════════════════════════ CTA MOBILE Prefixo exclusivo: ctam- ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-wrap { position: relative; display: inline-block; } /* GLOW */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-glow { position: absolute; inset: -16px -26px; border-radius: 50%; background: radial-gradient( ellipse, rgba(204,56,27,0.55) 0%, transparent 70% ); filter: blur(10px); opacity: 0.22; animation: ctamGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; } @keyframes ctamGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } /* BUTTON */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #cc381b !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 13px 28px 13px 22px !important; font-family: 'Manrope', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s cubic-bezier(0.4,0,0.2,1); } /* ══════════════════════════════════════ SHIMMER CONTÍNUO ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: ctamShimmerContinuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes ctamShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* WHITE HOVER */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-liquid { position: absolute !important; inset: 0; background-color: #ffffff !important; clip-path: circle( 0% at var(--ctam-lx,50%) var(--ctam-ly,50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-btn:hover .ctam-liquid { clip-path: circle( 200% at var(--ctam-lx,50%) var(--ctam-ly,50%) ); } /* INNER */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; } .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-text { display: block; } /* ARROW */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-arrow { display: flex; align-items: center; flex-shrink: 0; } .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-arrow svg { width: 13px; height: 13px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-btn:hover { color: #0f0f0f !important; background-color: #cc381b !important; } /* ACTIVE */ .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-btn::before { animation: none; } .elementor-13 .elementor-element.elementor-element-da4ea8b .ctam-glow { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-47243e0 */.elementor-13 .elementor-element.elementor-element-47243e0 { background: repeating-linear-gradient( 115deg, rgba(255, 255, 255, 0.012) 0px, rgba(255, 255, 255, 0.012) 1px, transparent 1px, transparent 7px ), /* brilho branco discreto no canto superior esquerdo */ radial-gradient( circle at 10% 12%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 14%, rgba(255, 255, 255, 0.025) 24%, transparent 32% ), /* brilho branco discreto no canto inferior direito */ radial-gradient( circle at 90% 88%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.055) 14%, rgba(255, 255, 255, 0.02) 24%, transparent 32% ), /* base principal cinza escuro */ linear-gradient( 135deg, #4a4a4a 0%, #333333 48%, #3f3f3f 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.10); outline: 1px solid rgba(255, 255, 255, 0.035); outline-offset: -8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.025), 0 30px 80px rgba(0, 0, 0, 0.12); overflow: hidden; } /* Permite animar o ângulo do gradiente */ @property --cta-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* CTA */ .elementor-13 .elementor-element.elementor-element-47243e0 { position: relative; isolation: isolate; overflow: hidden; /* mantenha o mesmo radius que você já usa */ border-radius: 20px; } /* BORDA ANIMADA */ .elementor-13 .elementor-element.elementor-element-47243e0::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; /* * A maior parte fica transparente. * Apenas um trecho recebe o brilho. */ background: conic-gradient( from var(--cta-border-angle), transparent 0deg, transparent 255deg, rgba(255, 255, 255, 0.02) 270deg, rgba(255, 255, 255, 0.10) 288deg, rgba(255, 255, 255, 0.35) 305deg, rgba(255, 255, 255, 0.90) 320deg, rgba(255, 255, 255, 0.35) 335deg, rgba(255, 255, 255, 0.10) 348deg, transparent 360deg ); /* * Remove o centro do pseudo-elemento. * Assim sobra SOMENTE a borda. */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: cta-border-movement 6s linear infinite; } /* Conteúdo sempre fica acima da borda */ .elementor-13 .elementor-element.elementor-element-47243e0 > * { position: relative; z-index: 2; } /* ANIMAÇÃO */ @keyframes cta-border-movement { from { --cta-border-angle: 0deg; } to { --cta-border-angle: 360deg; } } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-47243e0::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4fedf39 *//* ======================================== WHY I BUILT THIS CUSTOM CSS Prefixo: wibt- ======================================== */ /* ======================================== SEÇÃO ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-section { width: 100%; position: relative; padding: 110px 60px; background: #AD330A; color: #ffffff; font-family: 'Manrope', sans-serif !important; box-sizing: border-box; } /* FORÇA MANROPE EM ABSOLUTAMENTE TODA A SEÇÃO */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-section *, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-section *::before, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-section *::after { font-family: 'Manrope', sans-serif !important; box-sizing: border-box; } /* ======================================== CONTAINER ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-container { width: 100%; max-width: 1380px; margin-left: auto; margin-right: auto; } /* ======================================== HEADER ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-header { width: 100%; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: start; gap: 90px; } /* ======================================== INTRO ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-intro { width: 100%; } /* ======================================== EYEBROW ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-eyebrow { display: block; margin: 0 0 24px; color: #333333; font-size: 14px; font-weight: 900; line-height: 1; letter-spacing: 0.22em; text-transform: uppercase; } /* ======================================== TÍTULO PRINCIPAL ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-title-main { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-size: 54px; font-weight: 700; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; } /* ======================================== LEAD ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-lead { max-width: 560px; margin: 30px 0 0; padding: 0; color: rgba(255,255,255,0.88); font-size: 20px; font-weight: 500; line-height: 1.55; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-lead em { color: #333333; font-style: italic; font-weight: 800; } /* ======================================== HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story { position: relative; width: 100%; max-width: 720px; padding: 8px 0 0 34px; border-left: 2px solid #333333; box-sizing: border-box; } /* ======================================== PONTO SUPERIOR ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story::before { content: ""; position: absolute; left: -6px; top: -5px; width: 11px; height: 11px; border-radius: 50%; background: #333333; box-shadow: 0 0 18px rgba(51,51,51,0.45); } /* ======================================== LABEL DA HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story-label { display: block; margin: 0 0 18px; color: #333333; font-size: 15px; font-weight: 900; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; } /* ======================================== PARÁGRAFOS ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story p { margin: 0 0 26px; padding: 0; color: rgba(255,255,255,0.72); font-size: 17px; font-weight: 400; line-height: 1.65; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story p:last-child { margin-bottom: 0; } /* ======================================== ÁREA DOS CARDS ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-cards { width: 100%; margin-top: 76px; display: grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); gap: 24px; } /* ======================================== CARD EXTERNO ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card { position: relative; min-width: 0; min-height: 265px; overflow: visible; } /* ======================================== SUPERFÍCIE DO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-surface { position: relative; width: 100%; height: 100%; min-height: 265px; padding: 30px; overflow: hidden; isolation: isolate; border: 1px solid rgba(204,56,27,0.32); border-radius: 16px; background: linear-gradient( 145deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.095) 18%, rgba(255,255,255,0.052) 35%, rgba(255,255,255,0.022) 52%, rgba(255,255,255,0.006) 68%, rgba(255,255,255,0.000) 82% ), #333333; box-shadow: 0 14px 35px rgba(0,0,0,0.16); transform: scale(1); transform-origin: center center; transition: transform 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), border-color 0.70s ease, box-shadow 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), background 0.75s ease; } /* ======================================== HOVER PRINCIPAL ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card:hover .wibt-card-surface { transform: scale(1.05); border-color: rgba(204,56,27,0.72); background: linear-gradient( 145deg, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.13) 19%, rgba(255,255,255,0.070) 37%, rgba(255,255,255,0.030) 54%, rgba(255,255,255,0.008) 70%, rgba(255,255,255,0.000) 84% ), #333333; box-shadow: 0 32px 70px rgba(0,0,0,0.38); } /* ======================================== LUZ INTERNA ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-light { position: absolute; width: 95%; height: 90%; left: -28%; top: -45%; z-index: -1; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.115) 27%, rgba(255,255,255,0.055) 45%, rgba(255,255,255,0.018) 60%, rgba(255,255,255,0.000) 75% ); filter: blur(28px); opacity: 0.62; pointer-events: none; transform: scale(0.94); transition: opacity 0.75s ease, transform 0.80s cubic-bezier( 0.16, 1, 0.30, 1 ); } /* ======================================== LUZ NO HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card:hover .wibt-card-light { opacity: 0.92; transform: scale(1.16); } /* ======================================== ÍCONE ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-icon { position: relative; z-index: 2; width: 70px; height: 70px; margin-bottom: 26px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(204,56,27,0.65); border-radius: 50%; color: #cc381b; background: rgba(204,56,27,0.025); transform: scale(1); transition: transform 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), background 0.70s ease, border-color 0.70s ease; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-icon svg { width: 31px; height: 31px; } /* ======================================== ÍCONE NO HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card:hover .wibt-icon { transform: scale(1.08); background: rgba(204,56,27,0.09); border-color: rgba(204,56,27,0.95); } /* ======================================== TÍTULO DO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card h3 { position: relative; z-index: 2; margin: 0; padding: 0; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: 0.11em; text-transform: uppercase; } /* ======================================== LINHA DO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-line { position: relative; z-index: 2; width: 54px; height: 1px; margin: 16px 0; background: #cc381b; opacity: 0.75; transition: width 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), opacity 0.70s ease; } /* ======================================== LINHA NO HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card:hover .wibt-card-line { width: 88px; opacity: 1; } /* ======================================== TEXTO DO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card p { position: relative; z-index: 2; margin: 0; padding: 0; color: rgba(255,255,255,0.70); font-size: 16px; font-weight: 400; line-height: 1.55; } /* ======================================== FADE UP ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-reveal { opacity: 0; transform: translate3d( 0, 40px, 0 ); transition: opacity 1.20s cubic-bezier( 0.20, 0.70, 0.25, 1 ) var(--wibt-delay,0ms), transform 1.20s cubic-bezier( 0.16, 1, 0.30, 1 ) var(--wibt-delay,0ms); will-change: opacity, transform; } /* ======================================== ELEMENTO VISÍVEL ======================================== */ .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-reveal.is-visible { opacity: 1; transform: translate3d( 0, 0, 0 ); } /* ======================================== TABLET ======================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-section { padding: 90px 42px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-header { gap: 55px; grid-template-columns: 0.9fr 1.1fr; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-title-main { font-size: 46px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-lead { font-size: 18px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story p { font-size: 16px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-cards { gap: 18px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-surface { min-height: 250px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-surface { padding: 24px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card h3 { font-size: 14px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card p { font-size: 14px; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-section { padding: 72px 20px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-header { grid-template-columns: 1fr; gap: 52px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-title-main { font-size: 40px; line-height: 1.05; letter-spacing: -1px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-lead { margin-top: 22px; font-size: 17px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story { padding-left: 24px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-story p { font-size: 15px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-cards { margin-top: 54px; grid-template-columns: 1fr; gap: 18px; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-surface { min-height: auto; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-surface { padding: 26px 24px; } } /* ======================================== ACESSIBILIDADE ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-reveal { opacity: 1; transform: none; transition: none; } .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-surface, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-light, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-icon, .elementor-13 .elementor-element.elementor-element-4fedf39 .wibt-card-line { transition: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-13d87c7 *//* ======================================== WHY I BUILT THIS TABLET Prefixo exclusivo: wibtt- IMPORTANTE: A VISIBILIDADE POR DISPOSITIVO DEVE SER CONTROLADA PELO ELEMENTOR. ======================================== */ /* ======================================== SEÇÃO ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-section { display: block; width: 100%; position: relative; padding: 88px 38px; background: #AD330A; color: #ffffff; font-family: 'Manrope', sans-serif !important; box-sizing: border-box; } /* ======================================== RESET INTERNO ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-section *, .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-section *::before, .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-section *::after { font-family: 'Manrope', sans-serif !important; box-sizing: border-box; } /* ======================================== CONTAINER ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-container { width: 100%; max-width: 960px; margin-left: auto; margin-right: auto; } /* ======================================== HEADER ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-header { width: 100%; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: start; gap: 46px; } /* ======================================== INTRO ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-intro { width: 100%; } /* ======================================== EYEBROW ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-eyebrow { display: block; margin: 0 0 20px; color: #333333; font-size: 11px; font-weight: 900; line-height: 1; letter-spacing: 0.22em; text-transform: uppercase; } /* ======================================== TÍTULO PRINCIPAL ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-title-main { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-size: 46px; font-weight: 700; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; } /* ======================================== LEAD ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-lead { max-width: 420px; margin: 26px 0 0; padding: 0; color: rgba(255,255,255,0.88); font-size: 18px; font-weight: 500; line-height: 1.55; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-lead em { color: #333333; font-style: italic; font-weight: 800; } /* ======================================== HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-story { position: relative; width: 100%; padding: 7px 0 0 28px; border-left: 2px solid #333333; box-sizing: border-box; } /* PONTO SUPERIOR */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-story::before { content: ""; position: absolute; left: -6px; top: -5px; width: 11px; height: 11px; border-radius: 50%; background: #333333; box-shadow: 0 0 18px rgba(51,51,51,0.45); } /* ======================================== LABEL HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-story-label { display: block; margin: 0 0 16px; color: #333333; font-size: 12px; font-weight: 900; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; } /* ======================================== PARÁGRAFOS HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-story p { margin: 0 0 22px; padding: 0; color: rgba(255,255,255,0.72); font-size: 15px; font-weight: 400; line-height: 1.65; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-story p:last-child { margin-bottom: 0; } /* ======================================== ÁREA DOS CARDS ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-cards { width: 100%; margin-top: 62px; display: grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); gap: 16px; } /* ======================================== CARD EXTERNO ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card { position: relative; min-width: 0; min-height: 242px; overflow: visible; } /* ======================================== SUPERFÍCIE DO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card-surface { position: relative; width: 100%; height: 100%; min-height: 242px; padding: 22px; overflow: hidden; isolation: isolate; border: 1px solid rgba(204,56,27,0.32); border-radius: 16px; background: linear-gradient( 145deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.095) 18%, rgba(255,255,255,0.052) 35%, rgba(255,255,255,0.022) 52%, rgba(255,255,255,0.006) 68%, rgba(255,255,255,0.000) 82% ), #333333; box-shadow: 0 14px 35px rgba(0,0,0,0.16); transform: scale(1); transform-origin: center center; transition: transform 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), border-color 0.70s ease, box-shadow 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), background 0.75s ease; } /* ======================================== HOVER CARD ESCALA 1.05 ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card:hover .wibtt-card-surface { transform: scale(1.05); border-color: rgba(204,56,27,0.72); background: linear-gradient( 145deg, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.13) 19%, rgba(255,255,255,0.070) 37%, rgba(255,255,255,0.030) 54%, rgba(255,255,255,0.008) 70%, rgba(255,255,255,0.000) 84% ), #333333; box-shadow: 0 32px 70px rgba(0,0,0,0.38); } /* ======================================== LUZ INTERNA CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card-light { position: absolute; width: 95%; height: 90%; left: -28%; top: -45%; z-index: -1; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.115) 27%, rgba(255,255,255,0.055) 45%, rgba(255,255,255,0.018) 60%, rgba(255,255,255,0.000) 75% ); filter: blur(28px); opacity: 0.62; pointer-events: none; transform: scale(0.94); transition: opacity 0.75s ease, transform 0.80s cubic-bezier( 0.16, 1, 0.30, 1 ); } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card:hover .wibtt-card-light { opacity: 0.92; transform: scale(1.16); } /* ======================================== ÍCONE ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-icon { position: relative; z-index: 2; width: 62px; height: 62px; margin-bottom: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(204,56,27,0.65); border-radius: 50%; color: #cc381b; background: rgba(204,56,27,0.025); transform: scale(1); transition: transform 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), background 0.70s ease, border-color 0.70s ease; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-icon svg { width: 28px; height: 28px; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card:hover .wibtt-icon { transform: scale(1.08); background: rgba(204,56,27,0.09); border-color: rgba(204,56,27,0.95); } /* ======================================== TÍTULO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card h3 { position: relative; z-index: 2; margin: 0; padding: 0; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.25; letter-spacing: 0.11em; text-transform: uppercase; } /* ======================================== LINHA CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card-line { position: relative; z-index: 2; width: 48px; height: 1px; margin: 14px 0; background: #cc381b; opacity: 0.75; transition: width 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), opacity 0.70s ease; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card:hover .wibtt-card-line { width: 78px; opacity: 1; } /* ======================================== TEXTO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card p { position: relative; z-index: 2; margin: 0; padding: 0; color: rgba(255,255,255,0.70); font-size: 13px; font-weight: 400; line-height: 1.55; } /* ======================================== FADE UP ======================================== */ .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-reveal { opacity: 0; transform: translate3d( 0, 40px, 0 ); transition: opacity 1.20s cubic-bezier( 0.20, 0.70, 0.25, 1 ) var(--wibtt-delay,0ms), transform 1.20s cubic-bezier( 0.16, 1, 0.30, 1 ) var(--wibtt-delay,0ms); will-change: opacity, transform; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-reveal.is-visible { opacity: 1; transform: translate3d( 0, 0, 0 ); } /* ======================================== ACESSIBILIDADE ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-reveal { opacity: 1; transform: none; transition: none; } .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card-surface, .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card-light, .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-icon, .elementor-13 .elementor-element.elementor-element-13d87c7 .wibtt-card-line { transition: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-670b5c9 *//* ======================================== WHY I BUILT THIS MOBILE Prefixo exclusivo: wibtm- IMPORTANTE: A VISIBILIDADE POR DISPOSITIVO DEVE SER CONTROLADA PELO ELEMENTOR. ======================================== */ /* ======================================== SEÇÃO ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-section { display: block; width: 100%; position: relative; padding: 70px 20px; background: #AD330A; color: #ffffff; font-family: 'Manrope', sans-serif !important; box-sizing: border-box; } /* ======================================== RESET INTERNO ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-section *, .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-section *::before, .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-section *::after { font-family: 'Manrope', sans-serif !important; box-sizing: border-box; } /* ======================================== CONTAINER ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-container { width: 100%; max-width: 520px; margin-left: auto; margin-right: auto; } /* ======================================== INTRO ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-intro { width: 100%; } /* ======================================== EYEBROW ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-eyebrow { display: block; margin: 0 0 18px; color: #333333; font-size: 11px; font-weight: 900; line-height: 1; letter-spacing: 0.22em; text-transform: uppercase; } /* ======================================== TÍTULO ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-title-main { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-size: 40px; font-weight: 700; line-height: 1.05; letter-spacing: -1px; text-align: left; cursor: default; } /* ======================================== LEAD ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-lead { width: 100%; margin: 24px 0 0; padding: 0; color: rgba(255,255,255,0.88); font-size: 17px; font-weight: 500; line-height: 1.55; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-lead em { color: #333333; font-style: italic; font-weight: 800; } /* ======================================== HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-story { position: relative; width: 100%; margin-top: 50px; padding: 6px 0 0 24px; border-left: 2px solid #333333; box-sizing: border-box; } /* ======================================== PONTO ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-story::before { content: ""; position: absolute; left: -6px; top: -5px; width: 11px; height: 11px; border-radius: 50%; background: #333333; box-shadow: 0 0 18px rgba(51,51,51,0.45); } /* ======================================== LABEL HISTÓRIA ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-story-label { display: block; margin: 0 0 17px; color: #333333; font-size: 11px; font-weight: 900; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; } /* ======================================== PARÁGRAFOS ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-story p { margin: 0 0 22px; padding: 0; color: rgba(255,255,255,0.72); font-size: 15px; font-weight: 400; line-height: 1.65; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-story p:last-child { margin-bottom: 0; } /* ======================================== ÁREA DOS CARDS ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-cards { width: 100%; margin-top: 52px; display: grid; grid-template-columns: 1fr; gap: 20px; } /* ======================================== CARD EXTERNO ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card { position: relative; width: 100%; min-width: 0; overflow: visible; } /* ======================================== SUPERFÍCIE CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card-surface { position: relative; width: 100%; min-height: 230px; padding: 26px 24px; overflow: hidden; isolation: isolate; border: 1px solid rgba(204,56,27,0.32); border-radius: 16px; background: linear-gradient( 145deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.095) 18%, rgba(255,255,255,0.052) 35%, rgba(255,255,255,0.022) 52%, rgba(255,255,255,0.006) 68%, rgba(255,255,255,0.000) 82% ), #333333; box-shadow: 0 14px 35px rgba(0,0,0,0.16); transform: scale(1); transform-origin: center center; transition: transform 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), border-color 0.70s ease, box-shadow 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), background 0.75s ease; } /* ======================================== HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card:hover .wibtm-card-surface { transform: scale(1.05); border-color: rgba(204,56,27,0.72); background: linear-gradient( 145deg, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.13) 19%, rgba(255,255,255,0.070) 37%, rgba(255,255,255,0.030) 54%, rgba(255,255,255,0.008) 70%, rgba(255,255,255,0.000) 84% ), #333333; box-shadow: 0 32px 70px rgba(0,0,0,0.38); } /* ======================================== LUZ CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card-light { position: absolute; width: 95%; height: 90%; left: -28%; top: -45%; z-index: -1; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.115) 27%, rgba(255,255,255,0.055) 45%, rgba(255,255,255,0.018) 60%, rgba(255,255,255,0.000) 75% ); filter: blur(28px); opacity: 0.62; pointer-events: none; transform: scale(0.94); transition: opacity 0.75s ease, transform 0.80s cubic-bezier( 0.16, 1, 0.30, 1 ); } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card:hover .wibtm-card-light { opacity: 0.92; transform: scale(1.16); } /* ======================================== ÍCONE ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-icon { position: relative; z-index: 2; width: 64px; height: 64px; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(204,56,27,0.65); border-radius: 50%; color: #cc381b; background: rgba(204,56,27,0.025); transform: scale(1); transition: transform 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), background 0.70s ease, border-color 0.70s ease; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-icon svg { width: 29px; height: 29px; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card:hover .wibtm-icon { transform: scale(1.08); background: rgba(204,56,27,0.09); border-color: rgba(204,56,27,0.95); } /* ======================================== TÍTULO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card h3 { position: relative; z-index: 2; margin: 0; padding: 0; color: #ffffff; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: 0.11em; text-transform: uppercase; } /* ======================================== LINHA CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card-line { position: relative; z-index: 2; width: 54px; height: 1px; margin: 16px 0; background: #cc381b; opacity: 0.75; transition: width 0.75s cubic-bezier( 0.16, 1, 0.30, 1 ), opacity 0.70s ease; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card:hover .wibtm-card-line { width: 88px; opacity: 1; } /* ======================================== TEXTO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card p { position: relative; z-index: 2; margin: 0; padding: 0; color: rgba(255,255,255,0.70); font-size: 15px; font-weight: 400; line-height: 1.55; } /* ======================================== FADE UP ======================================== */ .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-reveal { opacity: 0; transform: translate3d( 0, 36px, 0 ); transition: opacity 1.20s cubic-bezier( 0.20, 0.70, 0.25, 1 ) var(--wibtm-delay,0ms), transform 1.20s cubic-bezier( 0.16, 1, 0.30, 1 ) var(--wibtm-delay,0ms); will-change: opacity, transform; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-reveal.is-visible { opacity: 1; transform: translate3d( 0, 0, 0 ); } /* ======================================== ACESSIBILIDADE ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-reveal { opacity: 1; transform: none; transition: none; } .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card-surface, .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card-light, .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-icon, .elementor-13 .elementor-element.elementor-element-670b5c9 .wibtm-card-line { transition: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4300d2c *//* ======================================== HOW THE COACHING WORKS DESKTOP ======================================== */ /* ======================================== SECTION ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-section { width: 100%; padding: 96px 24px 120px; background: #AD330A; color: #ffffff; font-family: 'Manrope', sans-serif; overflow: hidden; box-sizing: border-box; } .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-section *, .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-section *::before, .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-section *::after { box-sizing: border-box; } /* ======================================== CONTAINER ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-shell { width: min(1140px, 100%); margin: 0 auto; } /* ======================================== HEADER ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-header { width: 100%; max-width: 900px; margin: 0 auto 64px; text-align: center; } /* ======================================== MAIN TITLE ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-title { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 54px; font-weight: 800; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; } /* ======================================== SUBTITLE ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-subtitle { width: 100%; max-width: 720px; margin: 22px auto 0; color: rgba( 255, 255, 255, 0.74 ); font-size: 16px; font-weight: 400; line-height: 1.72; text-align: center; } /* ======================================== GRID ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-grid { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 24px; align-items: stretch; } /* ======================================== SCROLL WRAPPER ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-item { min-width: 0; opacity: 0; will-change: transform, opacity; } /* CARD DA ESQUERDA */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-item[data-side="left"] { transform: translate3d( -120px, 0, 0 ); } /* CARD DA DIREITA */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-item[data-side="right"] { transform: translate3d( 120px, 0, 0 ); } /* ======================================== CARD 05 CENTRALIZADO ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-item.hcwd-solo { grid-column: 1 / -1; width: calc( 50% - 12px ); justify-self: center; } /* ======================================== CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card { position: relative; isolation: isolate; width: 100%; min-height: 228px; padding: 26px 26px 24px; border: none; border-radius: 18px; overflow: hidden; background: radial-gradient( circle at 10% 8%, rgba( 255, 255, 255, 0.18 ) 0%, rgba( 255, 255, 255, 0.09 ) 14%, rgba( 255, 255, 255, 0.035 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), radial-gradient( circle at 92% 92%, rgba( 255, 255, 255, 0.11 ) 0%, rgba( 255, 255, 255, 0.05 ) 14%, rgba( 255, 255, 255, 0.018 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), linear-gradient( 145deg, #3d3d3d 0%, #363636 22%, #333333 48%, #313131 72%, #333333 100% ); box-shadow: 0 14px 34px rgba( 0, 0, 0, 0.14 ); transition: transform 0.55s cubic-bezier( 0.16, 1, 0.3, 1 ), box-shadow 0.55s ease; } /* ======================================== BORDA ANIMADA ======================================== */ @property --hcwd-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; background: conic-gradient( from var( --hcwd-border-angle ), transparent 0deg, transparent 255deg, rgba( 255, 255, 255, 0.02 ) 270deg, rgba( 255, 255, 255, 0.10 ) 288deg, rgba( 255, 255, 255, 0.35 ) 305deg, rgba( 255, 255, 255, 0.90 ) 320deg, rgba( 255, 255, 255, 0.35 ) 335deg, rgba( 255, 255, 255, 0.10 ) 348deg, transparent 360deg ); -webkit-mask: linear-gradient( #000 0 0 ) content-box, linear-gradient( #000 0 0 ); -webkit-mask-composite: xor; mask-composite: exclude; animation: hcwd-border-movement 6s linear infinite; } /* CONTEÚDO ACIMA DA BORDA */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card > * { position: relative; z-index: 2; } /* ANIMAÇÃO DA BORDA */ @keyframes hcwd-border-movement { from { --hcwd-border-angle: 0deg; } to { --hcwd-border-angle: 360deg; } } /* ======================================== HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card:hover { transform: translateY(-4px) scale(1.012); box-shadow: 0 20px 44px rgba( 0, 0, 0, 0.20 ); } /* ======================================== CABEÇALHO DO CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-top { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 16px; } /* ======================================== NUMBER ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-number { flex: none; color: rgba( 204, 56, 27, 0.40 ); font-family: 'Montserrat', sans-serif !important; font-size: 46px; font-weight: 900; line-height: 0.9; letter-spacing: -0.06em; } /* ======================================== HEAD ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-head { min-width: 0; } /* ======================================== TAG ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-tag { margin: 0 0 9px 0; color: #CC381B; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: 0.18em; text-transform: uppercase; } /* ======================================== CARD TITLE ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card-title { margin: 0; color: #ffffff; font-family: 'Manrope', sans-serif !important; font-size: 26px; font-weight: 800; line-height: 1.12; letter-spacing: -0.03em; text-transform: uppercase; } /* ======================================== GREEN DETAIL ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-line { width: 54px; height: 1px; margin: 0 0 16px; background: #CC381B; opacity: 0.82; } /* ======================================== COPY ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-copy { max-width: 540px; margin: 0; color: rgba( 255, 255, 255, 0.66 ); font-size: 14px; font-weight: 400; line-height: 1.7; } /* ======================================== CHIPS ======================================== */ .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba( 204, 56, 27, 0.22 ); background: rgba( 204, 56, 27, 0.05 ); color: rgba( 255, 255, 255, 0.66 ); font-size: 10px; font-weight: 600; letter-spacing: 0.02em; } .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-chip i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: #CC381B; } /* ======================================== ACCESSIBILITY ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-item { opacity: 1 !important; transform: none !important; } .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card { transition: none !important; } .elementor-13 .elementor-element.elementor-element-4300d2c .hcwd-card::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cf5e55e *//* ======================================== HOW THE COACHING WORKS TABLET ======================================== */ .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-section { width: 100%; padding: 82px 28px 96px; background: #AD330A; color: #ffffff; font-family: 'Manrope', sans-serif; overflow: hidden; box-sizing: border-box; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-section *, .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-section *::before, .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-section *::after { box-sizing: border-box; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-shell { width: 100%; max-width: 960px; margin: 0 auto; } /* HEADER */ .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-header { width: 100%; max-width: 780px; margin: 0 auto 56px; text-align: center; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-title { position: relative; display: inline-block; margin: 0; padding: 0 0 10px 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 46px; font-weight: 800; line-height: 1.05; letter-spacing: -1.3px; text-align: center; cursor: default; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-subtitle { width: 100%; max-width: 660px; margin: 20px auto 0; color: rgba( 255, 255, 255, 0.74 ); font-size: 15px; font-weight: 400; line-height: 1.7; text-align: center; } /* GRID */ .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-grid { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 20px; align-items: stretch; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-item { min-width: 0; opacity: 0; will-change: transform, opacity; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-item[data-side="left"] { transform: translate3d( -90px, 0, 0 ); } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-item[data-side="right"] { transform: translate3d( 90px, 0, 0 ); } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-item.hcwt-solo { grid-column: 1 / -1; width: calc( 50% - 10px ); justify-self: center; } /* CARD */ .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card { position: relative; isolation: isolate; width: 100%; min-height: 292px; height: 100%; padding: 24px 22px 22px; border: none; border-radius: 18px; overflow: hidden; background: radial-gradient( circle at 10% 8%, rgba( 255, 255, 255, 0.18 ) 0%, rgba( 255, 255, 255, 0.09 ) 14%, rgba( 255, 255, 255, 0.035 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), radial-gradient( circle at 92% 92%, rgba( 255, 255, 255, 0.11 ) 0%, rgba( 255, 255, 255, 0.05 ) 14%, rgba( 255, 255, 255, 0.018 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), linear-gradient( 145deg, #3d3d3d 0%, #363636 22%, #333333 48%, #313131 72%, #333333 100% ); box-shadow: 0 14px 34px rgba(0,0,0,0.14); transition: transform 0.55s cubic-bezier( 0.16, 1, 0.3, 1 ), box-shadow 0.55s ease; } /* BORDA ANIMADA */ @property --hcwt-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--hcwt-border-angle), transparent 0deg, transparent 255deg, rgba(255,255,255,0.02) 270deg, rgba(255,255,255,0.10) 288deg, rgba(255,255,255,0.35) 305deg, rgba(255,255,255,0.90) 320deg, rgba(255,255,255,0.35) 335deg, rgba(255,255,255,0.10) 348deg, transparent 360deg ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: hcwt-border-movement 6s linear infinite; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card > * { position: relative; z-index: 2; } @keyframes hcwt-border-movement { from { --hcwt-border-angle: 0deg; } to { --hcwt-border-angle: 360deg; } } /* HOVER */ .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card:hover { transform: translateY(-4px) scale(1.012); box-shadow: 0 20px 44px rgba(0,0,0,0.20); } /* CARD HEADER */ .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-top { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 15px; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-number { flex: none; color: rgba( 204, 56, 27, 0.60 ); font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 900; line-height: 0.9; letter-spacing: -0.06em; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-head { min-width: 0; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-tag { margin: 0 0 8px 0; color: #CC381B; font-size: 9px; font-weight: 800; line-height: 1; letter-spacing: 0.16em; text-transform: uppercase; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card-title { margin: 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 21px; font-weight: 800; line-height: 1.15; letter-spacing: -0.025em; text-transform: uppercase; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-line { width: 48px; height: 1px; margin: 0 0 15px; background: #CC381B; opacity: 0.82; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-copy { max-width: 100%; margin: 0; color: rgba( 255, 255, 255, 0.66 ); font-size: 13px; font-weight: 400; line-height: 1.65; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; border: 1px solid rgba( 204, 56, 27, 0.22 ); background: rgba( 204, 56, 27, 0.05 ); color: rgba( 255, 255, 255, 0.66 ); font-size: 9px; font-weight: 600; letter-spacing: 0.02em; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-chip i { width: 5px; height: 5px; flex: none; border-radius: 50%; background: #CC381B; } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-item { opacity: 1 !important; transform: none !important; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card { transition: none !important; } .elementor-13 .elementor-element.elementor-element-cf5e55e .hcwt-card::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-13a3571 *//* ======================================== HOW THE COACHING WORKS MOBILE SCROLL LINKED OPTIMIZED ======================================== */ /* ======================================== SECTION ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section { display: block; visibility: visible; opacity: 1; position: relative; width: 100%; min-height: 100px; padding: 68px 18px 82px; margin: 0; background: #AD330A; color: #ffffff; font-family: 'Manrope', sans-serif; overflow: hidden; box-sizing: border-box; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section *, .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section *::before, .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section *::after { box-sizing: border-box; } /* ======================================== SHELL ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-shell { display: block; width: 100%; max-width: 520px; margin: 0 auto; } /* ======================================== HEADER ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-header { display: block; width: 100%; margin: 0 auto 48px; text-align: center; } /* ======================================== TITLE ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-title { display: block; width: 100%; margin: 0; padding: 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 30px; font-weight: 800; line-height: 1.06; letter-spacing: -1px; text-align: center; } /* ======================================== SUBTITLE ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-subtitle { display: block; width: 100%; max-width: 430px; margin: 20px auto 0; color: rgba( 255, 255, 255, 0.74 ); font-size: 14px; font-weight: 400; line-height: 1.68; text-align: center; } /* ======================================== GRID ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-grid { display: grid; grid-template-columns: minmax( 0, 1fr ); width: 100%; gap: 20px; } /* ======================================== SCROLL ITEMS ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-item { display: block; width: 100%; min-width: 0; /* * Visível como fallback. * O JavaScript assume o controle * imediatamente quando carrega. */ opacity: 1; transform: translate3d( 0, 0, 0 ); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ======================================== MOTION ACTIVE ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section.hcwm-motion-ready .hcwm-item { will-change: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ======================================== CARD ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card { position: relative; isolation: isolate; display: block; width: 100%; padding: 24px 22px 22px; border: none; border-radius: 18px; overflow: hidden; background: radial-gradient( circle at 10% 8%, rgba( 255, 255, 255, 0.18 ) 0%, rgba( 255, 255, 255, 0.09 ) 14%, rgba( 255, 255, 255, 0.035 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), radial-gradient( circle at 92% 92%, rgba( 255, 255, 255, 0.11 ) 0%, rgba( 255, 255, 255, 0.05 ) 14%, rgba( 255, 255, 255, 0.018 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), linear-gradient( 145deg, #3d3d3d 0%, #363636 22%, #333333 48%, #313131 72%, #333333 100% ); box-shadow: 0 14px 34px rgba( 0, 0, 0, 0.14 ); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ======================================== ANIMATED BORDER ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card::before { content: ""; position: absolute; width: 180%; height: 220%; left: -40%; top: -60%; z-index: 0; pointer-events: none; background: conic-gradient( from 0deg, transparent 0deg, transparent 255deg, rgba( 255, 255, 255, 0.02 ) 270deg, rgba( 255, 255, 255, 0.10 ) 288deg, rgba( 255, 255, 255, 0.35 ) 305deg, rgba( 255, 255, 255, 0.90 ) 320deg, rgba( 255, 255, 255, 0.35 ) 335deg, rgba( 255, 255, 255, 0.10 ) 348deg, transparent 360deg ); transform: rotate( 0deg ); transform-origin: center center; animation: hcwm-border-spin 6s linear infinite; animation-play-state: paused; /* * Só promovemos a camada enquanto * a animação estiver ativa. */ will-change: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ======================================== INNER CARD BACKGROUND ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card::after { content: ""; position: absolute; inset: 1.5px; z-index: 1; border-radius: 16.5px; pointer-events: none; background: radial-gradient( circle at 10% 8%, rgba( 255, 255, 255, 0.18 ) 0%, rgba( 255, 255, 255, 0.09 ) 14%, rgba( 255, 255, 255, 0.035 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), radial-gradient( circle at 92% 92%, rgba( 255, 255, 255, 0.11 ) 0%, rgba( 255, 255, 255, 0.05 ) 14%, rgba( 255, 255, 255, 0.018 ) 25%, rgba( 255, 255, 255, 0 ) 38% ), linear-gradient( 145deg, #3d3d3d 0%, #363636 22%, #333333 48%, #313131 72%, #333333 100% ); } /* ======================================== BORDER ACTIVE ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section.hcwm-borders-running .hcwm-card::before { animation-play-state: running; will-change: transform; } /* ======================================== BORDER DIRECTION ======================================== */ @keyframes hcwm-border-spin { from { transform: rotate( 0deg ); } to { transform: rotate( 360deg ); } } /* ======================================== CONTENT ABOVE BORDER ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card > * { position: relative; z-index: 2; } /* ======================================== CARD TOP ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-top { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 15px; } /* ======================================== NUMBER ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-number { flex: none; color: rgba( 204, 56, 27, 0.60 ); font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 900; line-height: 0.9; letter-spacing: -0.06em; } /* ======================================== HEAD ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-head { min-width: 0; flex: 1; } /* ======================================== TAG ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-tag { margin: 0 0 8px 0; color: #CC381B; font-size: 9px; font-weight: 800; line-height: 1; letter-spacing: 0.16em; text-transform: uppercase; } /* ======================================== CARD TITLE ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card-title { margin: 0; color: #ffffff; font-family: 'Manrope', sans-serif; font-size: 22px; font-weight: 800; line-height: 1.14; letter-spacing: -0.025em; text-transform: uppercase; } /* ======================================== GREEN DETAIL ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-line { width: 48px; height: 1px; margin: 0 0 15px; background: #CC381B; opacity: 0.82; } /* ======================================== COPY ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-copy { width: 100%; margin: 0; color: rgba( 255, 255, 255, 0.66 ); font-size: 13px; font-weight: 400; line-height: 1.66; } /* ======================================== CHIPS ======================================== */ .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; border: 1px solid rgba( 204, 56, 27, 0.22 ); background: rgba( 204, 56, 27, 0.05 ); color: rgba( 255, 255, 255, 0.66 ); font-size: 9px; font-weight: 600; letter-spacing: 0.02em; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-chip i { display: block; width: 5px; height: 5px; flex: none; border-radius: 50%; background: #CC381B; } /* ======================================== HOVER ONLY DEVICES WITH POINTER ======================================== */ @media (hover: hover) and (pointer: fine) { .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card { transition: transform 0.55s cubic-bezier( 0.16, 1, 0.30, 1 ), box-shadow 0.55s ease; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card:hover { transform: translateY( -4px ) scale( 1.012 ); box-shadow: 0 20px 44px rgba( 0, 0, 0, 0.20 ); } } /* ======================================== SMALL PHONES ======================================== */ @media (max-width: 390px) { .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-section { padding-left: 15px; padding-right: 15px; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-title { font-size: 34px; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card { padding: 22px 19px 21px; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-top { gap: 12px; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-number { font-size: 36px; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card-title { font-size: 20px; } } /* ======================================== REDUCED MOTION ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-item { opacity: 1 !important; transform: none !important; will-change: auto !important; } .elementor-13 .elementor-element.elementor-element-13a3571 .hcwm-card::before { animation: none !important; will-change: auto !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b145eab *//* ======================================== VINÍCIUS PONTES - ABOUT TITLE DESKTOP ======================================== */ .elementor-13 .elementor-element.elementor-element-b145eab .vinny-title-desktop { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-size: 54px; font-weight: 700; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; transition: color 0.35s ease, transform 0.35s ease; } /* Linha animada */ .elementor-13 .elementor-element.elementor-element-b145eab .vinny-title-desktop::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #f3ede3; transform: translateX(-50%); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } /* HOVER */ .elementor-13 .elementor-element.elementor-element-b145eab .vinny-title-desktop:hover { color: #f3ede3; transform: translateY(-2px); } /* Linha aparece no hover */ .elementor-13 .elementor-element.elementor-element-b145eab .vinny-title-desktop:hover::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b153a0a *//* ======================================== VINÍCIUS PONTES - ABOUT TITLE DESKTOP ======================================== */ .elementor-13 .elementor-element.elementor-element-b153a0a .vinny-title-desktop { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-size: 38px; font-weight: 700; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; transition: color 0.35s ease, transform 0.35s ease; } /* Linha animada */ .elementor-13 .elementor-element.elementor-element-b153a0a .vinny-title-desktop::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #f3ede3; transform: translateX(-50%); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } /* HOVER */ .elementor-13 .elementor-element.elementor-element-b153a0a .vinny-title-desktop:hover { color: #f3ede3; transform: translateY(-2px); } /* Linha aparece no hover */ .elementor-13 .elementor-element.elementor-element-b153a0a .vinny-title-desktop:hover::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7392291 *//* ======================================== VINÍCIUS PONTES - ABOUT TITLE DESKTOP ======================================== */ .elementor-13 .elementor-element.elementor-element-7392291 .vinny-title-desktop { position: relative; display: inline-block; margin: 0; padding: 0 0 12px 0; color: #ffffff; font-size: 30px; font-weight: 700; line-height: 1.05; letter-spacing: -1.5px; text-align: center; cursor: default; transition: color 0.35s ease, transform 0.35s ease; } /* Linha animada */ .elementor-13 .elementor-element.elementor-element-7392291 .vinny-title-desktop::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #f3ede3; transform: translateX(-50%); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } /* HOVER */ .elementor-13 .elementor-element.elementor-element-7392291 .vinny-title-desktop:hover { color: #f3ede3; transform: translateY(-2px); } /* Linha aparece no hover */ .elementor-13 .elementor-element.elementor-element-7392291 .vinny-title-desktop:hover::after { width: 80%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-dd8dc61 */.elementor-13 .elementor-element.elementor-element-dd8dc61 .price-orange { color: #CC381B !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-643c11f */.elementor-13 .elementor-element.elementor-element-643c11f .footer-orange { color: #CC381B !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3130442 *//* ══════════════════════════════════════ MENTORSHIP PLAN CARD BUTTON DESKTOP Prefixo exclusivo: mpcd- CORES: VERDE: #1D4724 BRANCO: #FFFFFF ══════════════════════════════════════ */ /* ======================================== WRAPPER ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-wrap { position: relative; display: inline-block; } /* ======================================== GLOW ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-glow { position: absolute; inset: -28px -44px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29, 71, 36, 0.55) 0%, rgba(29, 71, 36, 0) 70% ); filter: blur(14px); opacity: 0.22; animation: mpcdGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes mpcdGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-wrap:hover .mpcd-glow { opacity: 0.9; animation: none; } /* ======================================== BUTTON ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; /* * ESTADO NORMAL * VERDE ESCURO */ background-color: #1D4724 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; /* * PROPORÇÕES ORIGINAIS */ padding: 15px 25px 15px 25px !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ), transform 0.28s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ======================================== SHINE ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; /* * Shine exclusivamente branco * sobre o fundo verde escuro. */ background: linear-gradient( 108deg, rgba( 255, 255, 255, 0 ) 30%, rgba( 255, 255, 255, 0.14 ) 46%, rgba( 255, 255, 255, 0.22 ) 50%, rgba( 255, 255, 255, 0.14 ) 54%, rgba( 255, 255, 255, 0 ) 70% ); background-size: 260% 100%; background-position: 210% 0; animation: mpcdShimmer 4.5s ease-in-out infinite; } @keyframes mpcdShimmer { 0%, 15% { background-position: 210% 0; opacity: 1; } 65% { background-position: -40% 0; opacity: 1; } 80% { background-position: -40% 0; opacity: 0; } 100% { background-position: 210% 0; opacity: 0; } } /* ======================================== LIQUID HOVER ÚNICA COR DE HOVER: BRANCO PURO ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-liquid { position: absolute !important; inset: 0; background-color: #FFFFFF !important; clip-path: circle( 0% at var(--mpcd-lx, 50%) var(--mpcd-ly, 50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); z-index: 1; transform: translateZ(0); pointer-events: none; } /* EXPANSÃO BRANCA */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-btn:hover .mpcd-liquid { clip-path: circle( 200% at var(--mpcd-lx, 50%) var(--mpcd-ly, 50%) ); } /* ======================================== INNER ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; } /* ======================================== TEXT ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-text { display: block; /* * Nenhuma animação * de letras. */ animation: none !important; transform: none; } /* ======================================== ARROW ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-arrow svg { width: 17px; height: 17px; } /* ======================================== HOVER FUNDO ESTRUTURAL CONTINUA VERDE. O BRANCO VEM DA CAMADA .mpcd-liquid. Assim não existe terceira cor. ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-btn:hover { background-color: #1D4724 !important; color: #1D4724 !important; } /* ======================================== ARROW HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-btn:hover .mpcd-arrow { transform: translateX( 10px ); } /* ======================================== ACTIVE ======================================== */ .elementor-13 .elementor-element.elementor-element-3130442 .mpcd-btn:active { transform: scale( 0.955 ) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d21fa52 *//* ══════════════════════════════════════ MENTORSHIP PLAN CARD BUTTON TABLET Prefixo exclusivo: mpct- VERDE: #1D4724 BRANCO: #FFFFFF ══════════════════════════════════════ */ /* ======================================== WRAPPER ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-wrap { position: relative; display: inline-block; } /* ======================================== GLOW ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-glow { position: absolute; inset: -23px -36px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29,71,36,0.55) 0%, rgba(29,71,36,0) 70% ); filter: blur(12px); opacity: 0.22; animation: mpctGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes mpctGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-wrap:hover .mpct-glow { opacity: 0.9; animation: none; } /* ======================================== BUTTON ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #1D4724 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 13px 22px 13px 22px !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.21em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ); } /* ======================================== SHINE ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.14) 54%, rgba(255,255,255,0) 70% ); background-size: 260% 100%; background-position: 210% 0; animation: mpctShimmer 4.5s ease-in-out infinite; } @keyframes mpctShimmer { 0%, 15% { background-position: 210% 0; opacity: 1; } 65% { background-position: -40% 0; opacity: 1; } 80% { background-position: -40% 0; opacity: 0; } 100% { background-position: 210% 0; opacity: 0; } } /* ======================================== LIQUID HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-liquid { position: absolute !important; inset: 0; background-color: #FFFFFF !important; clip-path: circle( 0% at var(--mpct-lx,50%) var(--mpct-ly,50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-btn:hover .mpct-liquid { clip-path: circle( 200% at var(--mpct-lx,50%) var(--mpct-ly,50%) ); } /* ======================================== INNER ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 15px; } /* ======================================== TEXT ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-text { display: block; animation: none !important; transform: none; } /* ======================================== ARROW ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-arrow svg { width: 15px; height: 15px; } /* ======================================== HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-btn:hover { background-color: #1D4724 !important; color: #1D4724 !important; } .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-btn:hover .mpct-arrow { transform: translateX(8px); } /* ======================================== ACTIVE ======================================== */ .elementor-13 .elementor-element.elementor-element-d21fa52 .mpct-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e49acdd *//* ══════════════════════════════════════ TABLET 768px até 1024px ══════════════════════════════════════ */ @media (min-width: 768px) and (max-width: 1024px) { /* WRAPPER */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-wrap { width: min(100%, 285px); max-width: calc(100vw - 48px); } /* GLOW */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-glow { inset: -24px -36px; filter: blur(13px); } /* BOTÃO */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-btn { width: 100% !important; min-height: 50px !important; padding: 14px 22px !important; font-size: 11px !important; letter-spacing: 0.21em !important; justify-content: center !important; box-sizing: border-box !important; } /* CONTEÚDO INTERNO */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-inner { width: 100%; gap: 15px; justify-content: space-between; } /* TEXTO */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-text { white-space: nowrap; line-height: 1; } /* SETA */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-arrow svg { width: 16px; height: 16px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-btn:hover { letter-spacing: 0.23em !important; } /* MOVIMENTO DA SETA */ .elementor-13 .elementor-element.elementor-element-e49acdd .ht-btn:hover .ht-arrow { transform: translateX(8px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4241676 *//* ══════════════════════════════════════ MENTORSHIP PLAN CARD BUTTON MOBILE Prefixo exclusivo: mpcm- VERDE: #1D4724 BRANCO: #FFFFFF ══════════════════════════════════════ */ /* ======================================== WRAPPER ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-wrap { position: relative; display: inline-block; } /* ======================================== GLOW ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-glow { position: absolute; inset: -17px -27px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29,71,36,0.55) 0%, rgba(29,71,36,0) 70% ); filter: blur(10px); opacity: 0.22; animation: mpcmGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes mpcmGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-wrap:hover .mpcm-glow { opacity: 0.9; animation: none; } /* ======================================== BUTTON ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #1D4724 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 11px 18px 11px 18px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ); } /* ======================================== SHINE ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.14) 54%, rgba(255,255,255,0) 70% ); background-size: 260% 100%; background-position: 210% 0; animation: mpcmShimmer 4.5s ease-in-out infinite; } @keyframes mpcmShimmer { 0%, 15% { background-position: 210% 0; opacity: 1; } 65% { background-position: -40% 0; opacity: 1; } 80% { background-position: -40% 0; opacity: 0; } 100% { background-position: 210% 0; opacity: 0; } } /* ======================================== LIQUID HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-liquid { position: absolute !important; inset: 0; background-color: #FFFFFF !important; clip-path: circle( 0% at var(--mpcm-lx,50%) var(--mpcm-ly,50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-btn:hover .mpcm-liquid { clip-path: circle( 200% at var(--mpcm-lx,50%) var(--mpcm-ly,50%) ); } /* ======================================== INNER ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; } /* ======================================== TEXT ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-text { display: block; animation: none !important; transform: none; } /* ======================================== ARROW ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-arrow svg { width: 13px; height: 13px; } /* ======================================== HOVER ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-btn:hover { background-color: #1D4724 !important; color: #1D4724 !important; } .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-btn:hover .mpcm-arrow { transform: translateX(6px); } /* ======================================== ACTIVE ======================================== */ .elementor-13 .elementor-element.elementor-element-4241676 .mpcm-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-db45fc7 *//* ====================================================== */ /* FUNDO DO CARD */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 { background: /* brilho branco superior esquerdo */ radial-gradient( circle at 10% 8%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.09) 14%, rgba(255, 255, 255, 0.035) 25%, rgba(255, 255, 255, 0) 38% ), /* brilho branco inferior direito */ radial-gradient( circle at 92% 92%, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.05) 14%, rgba(255, 255, 255, 0.018) 25%, rgba(255, 255, 255, 0) 38% ), /* base */ linear-gradient( 145deg, #3d3d3d 0%, #363636 22%, #333333 48%, #313131 72%, #333333 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.10); outline: 1px solid rgba(255, 255, 255, 0.035); outline-offset: -8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.025), 0 30px 80px rgba(0, 0, 0, 0.12); overflow: hidden; } /* ====================================================== */ /* PROPRIEDADE DA BORDA ANIMADA */ /* ====================================================== */ @property --cta-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ====================================================== */ /* CARD */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 { position: relative; isolation: isolate; overflow: hidden; border-radius: 20px; } /* ====================================================== */ /* RESET DOS CONTAINERS INTERNOS */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 > .e-con { flex: 0 0 auto !important; flex-basis: auto !important; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; margin-bottom: 0 !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; } /* ====================================================== */ /* PRIMEIRO BLOCO */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 > .e-con:nth-child(1) { flex: 0 0 auto !important; flex-basis: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; } /* ====================================================== */ /* HEADING DENTRO DO PRIMEIRO BLOCO */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 > .e-con:nth-child(1) .elementor-widget-heading { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* ====================================================== */ /* RESET DOS TEXTOS */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 .elementor-heading-title { margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-13 .elementor-element.elementor-element-db45fc7 .elementor-widget-text-editor p { margin-top: 0 !important; margin-bottom: 0 !important; } /* ====================================================== */ /* TÍTULO PRINCIPAL */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line { position: relative !important; overflow: visible !important; display: block !important; } /* ====================================================== */ /* LINHA SVG ABAIXO DO TÍTULO */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line::after { content: "" !important; display: block !important; width: 70px !important; height: 1px !important; min-width: 70px !important; min-height: 1px !important; margin-top: 18px !important; margin-bottom: 0 !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; opacity: 1 !important; visibility: visible !important; z-index: 20 !important; pointer-events: none; flex: 0 0 auto !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='2' viewBox='0 0 70 2'%3E%3Crect x='0' y='0' width='70' height='2' fill='%23CC381B'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: 70px 1px !important; } /* ====================================================== */ /* GARANTE QUE O SVG NÃO SEJA SOBRESCRITO */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line.elementor-widget-heading::after { content: "" !important; display: block !important; width: 70px !important; height: 1px !important; min-width: 70px !important; min-height: 1px !important; margin-top: 18px !important; margin-bottom: 0 !important; position: relative !important; opacity: 1 !important; visibility: visible !important; z-index: 20 !important; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='2' viewBox='0 0 70 2'%3E%3Crect width='70' height='2' fill='%23CC381B'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: 70px 2px !important; } /* ====================================================== */ /* BORDA ANIMADA */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--cta-border-angle), transparent 0deg, transparent 255deg, rgba(255, 255, 255, 0.02) 270deg, rgba(255, 255, 255, 0.10) 288deg, rgba(255, 255, 255, 0.35) 305deg, rgba(255, 255, 255, 0.90) 320deg, rgba(255, 255, 255, 0.35) 335deg, rgba(255, 255, 255, 0.10) 348deg, transparent 360deg ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: cta-border-movement 6s linear infinite; } /* ====================================================== */ /* CONTEÚDO ACIMA DA BORDA */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 > * { position: relative; z-index: 2; } /* ====================================================== */ /* ANIMAÇÃO */ /* ====================================================== */ @keyframes cta-border-movement { from { --cta-border-angle: 0deg; } to { --cta-border-angle: 360deg; } } /* ====================================================== */ /* ACESSIBILIDADE */ /* ====================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-db45fc7::before { animation: none; } } /* ====================================================== */ /* ====================================================== */ /* HOVER DE DESTAQUE — "DUELO DE LUZ" */ /* Cole este bloco no FINAL do Custom CSS do card */ /* esquerdo, depois do bloco de ACESSIBILIDADE. */ /* O lampejo do título fica sempre ativo; o resto só */ /* acontece enquanto o mouse está sobre o card. */ /* ====================================================== */ /* ====================================================== */ /* ================================================== */ /* TRANSIÇÕES */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7::before { transition: padding 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line::after, .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line.elementor-widget-heading::after { transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), background-size 0.8s cubic-bezier(0.22, 1, 0.36, 1); } /* ================================================== */ /* 1. BORDA: UM COMETA VERMELHO ENTRA NA ÓRBITA, */ /* PERSEGUINDO O BRANCO, E A BORDA ENGROSSA */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7:hover::before { padding: 2px; background: conic-gradient( from var(--cta-border-angle), transparent 0deg, transparent 75deg, rgba(204, 56, 27, 0.05) 90deg, rgba(204, 56, 27, 0.30) 110deg, rgba(204, 56, 27, 1) 140deg, rgba(204, 56, 27, 0.30) 155deg, rgba(204, 56, 27, 0) 170deg, transparent 255deg, rgba(255, 255, 255, 0.02) 270deg, rgba(255, 255, 255, 0.15) 288deg, rgba(255, 255, 255, 0.45) 305deg, rgba(255, 255, 255, 1) 320deg, rgba(255, 255, 255, 0.45) 335deg, rgba(255, 255, 255, 0.15) 348deg, transparent 360deg ); } /* ================================================== */ /* 2. CONTORNO DO CARD ESQUENTA PARA O VERMELHO */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7:hover { border-color: rgba(204, 56, 27, 0.55); } /* ================================================== */ /* 3. LINHA DO TÍTULO SE ESTENDE POR TODA A LARGURA */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7:hover .card-title-line::after, .elementor-13 .elementor-element.elementor-element-db45fc7:hover .card-title-line.elementor-widget-heading::after { width: 100% !important; background-image: linear-gradient( 90deg, #CC381B 0%, #CC381B 35%, rgba(204, 56, 27, 0) 100% ) !important; background-size: 100% 2px !important; } /* ================================================== */ /* 4. LAMPEJO DE BRASA NO TÍTULO — SEMPRE ATIVO, */ /* DA ESQUERDA PARA A DIREITA, EM LOOP CONTÍNUO */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line .elementor-heading-title { background-image: linear-gradient( 110deg, #FFFFFF 0%, #FFFFFF 40%, #F3C9BF 46%, #CC381B 50%, #F3C9BF 54%, #FFFFFF 60%, #FFFFFF 100% ); background-size: 220% 100%; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: rb-title-shine 2.6s linear infinite; } @keyframes rb-title-shine { from { background-position: 100% 0; } to { background-position: 0% 0; } } /* ================================================== */ /* 5. ITENS DA LISTA DESLIZAM EM CASCATA */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7 li { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(2) { transition-delay: 0.04s; } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(3) { transition-delay: 0.08s; } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(4) { transition-delay: 0.12s; } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(5) { transition-delay: 0.16s; } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(6) { transition-delay: 0.20s; } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(7) { transition-delay: 0.24s; } .elementor-13 .elementor-element.elementor-element-db45fc7 li:nth-child(8) { transition-delay: 0.28s; } .elementor-13 .elementor-element.elementor-element-db45fc7:hover li { transform: translateX(8px); } /* ================================================== */ /* 6. O CARD SOBE LEVEMENTE (SÓ NO HOVER) */ /* para desativar, apague este bloco */ /* ================================================== */ .elementor-13 .elementor-element.elementor-element-db45fc7:hover { transform: translateY(-6px); } /* ====================================================== */ /* ACESSIBILIDADE DO HOVER */ /* ====================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-db45fc7::before, .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line::after, .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line.elementor-widget-heading::after, .elementor-13 .elementor-element.elementor-element-db45fc7 li { transition: none; } .elementor-13 .elementor-element.elementor-element-db45fc7 .card-title-line .elementor-heading-title { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c021e89 */.elementor-13 .elementor-element.elementor-element-c021e89 .title-grey { color: #949494 !important; } /* ====================================================== */ /* TRÊS PONTINHOS EM LOOP ("SOON...") */ /* Os pontos são gerados pelo CSS: apague o "..." do */ /* texto do título, deixando só "SOON". */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-c021e89 .elementor-heading-title span:last-of-type::after { content: "..."; display: inline-block; /* mostra 0, 1, 2 e 3 pontos, um de cada vez */ clip-path: inset(0 100% 0 0); animation: rb-tres-pontos 1.3s infinite; } @keyframes rb-tres-pontos { 0% { clip-path: inset(0 100% 0 0); animation-timing-function: step-end; } 25% { clip-path: inset(0 66.67% 0 0); animation-timing-function: step-end; } 50% { clip-path: inset(0 33.33% 0 0); animation-timing-function: step-end; } 75% { clip-path: inset(0 0 0 0); animation-timing-function: step-end; } 100% { clip-path: inset(0 0 0 0); } } /* ====================================================== */ /* ACESSIBILIDADE: PONTOS FIXOS, SEM ANIMAÇÃO */ /* ====================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-c021e89 .elementor-heading-title span:last-of-type::after { animation: none; clip-path: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e48ad23 */.elementor-13 .elementor-element.elementor-element-e48ad23 .subtitle-grey { color: #949494 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-658b1ec */.elementor-13 .elementor-element.elementor-element-658b1ec .footer-grey { color: #949494 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-34e727f *//* ══════════════════════════════════════ MENTORSHIP PLAN CARD 2 BUTTON DESKTOP Prefixo exclusivo: mpcd2- VERDE: #1D4724 BRANCO: #FFFFFF ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-wrap { position: relative; display: inline-block; } /* GLOW */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-glow { position: absolute; inset: -28px -44px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29,71,36,0.55) 0%, rgba(29,71,36,0) 70% ); filter: blur(14px); opacity: 0.22; animation: mpcd2GlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes mpcd2GlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-wrap:hover .mpcd2-glow { opacity: 0.9; animation: none; } /* BUTTON */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #1D4724 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 15px 25px 15px 25px !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ); } /* SHINE */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.14) 54%, rgba(255,255,255,0) 70% ); background-size: 260% 100%; background-position: 210% 0; animation: mpcd2Shimmer 4.5s ease-in-out infinite; } @keyframes mpcd2Shimmer { 0%, 15% { background-position: 210% 0; opacity: 1; } 65% { background-position: -40% 0; opacity: 1; } 80% { background-position: -40% 0; opacity: 0; } 100% { background-position: 210% 0; opacity: 0; } } /* LIQUID HOVER */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-liquid { position: absolute !important; inset: 0; background-color: #FFFFFF !important; clip-path: circle( 0% at var(--mpcd2-lx,50%) var(--mpcd2-ly,50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-btn:hover .mpcd2-liquid { clip-path: circle( 200% at var(--mpcd2-lx,50%) var(--mpcd2-ly,50%) ); } /* INNER */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; } /* TEXT */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-text { display: block; animation: none !important; transform: none; } /* ARROW */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-arrow svg { width: 17px; height: 17px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-btn:hover { background-color: #1D4724 !important; color: #1D4724 !important; } .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-btn:hover .mpcd2-arrow { transform: translateX(10px); } /* ACTIVE */ .elementor-13 .elementor-element.elementor-element-34e727f .mpcd2-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-76f57a5 *//* ══════════════════════════════════════ MENTORSHIP PLAN CARD 2 BUTTON TABLET Prefixo exclusivo: mpct2- ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-wrap { position: relative; display: inline-block; } /* GLOW */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-glow { position: absolute; inset: -23px -36px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29,71,36,0.55) 0%, rgba(29,71,36,0) 70% ); filter: blur(12px); opacity: 0.22; animation: mpct2GlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes mpct2GlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-wrap:hover .mpct2-glow { opacity: 0.9; animation: none; } /* BUTTON */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #1D4724 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 13px 22px 13px 22px !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.21em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ); } /* SHINE */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.14) 54%, rgba(255,255,255,0) 70% ); background-size: 260% 100%; background-position: 210% 0; animation: mpct2Shimmer 4.5s ease-in-out infinite; } @keyframes mpct2Shimmer { 0%, 15% { background-position: 210% 0; opacity: 1; } 65% { background-position: -40% 0; opacity: 1; } 80% { background-position: -40% 0; opacity: 0; } 100% { background-position: 210% 0; opacity: 0; } } /* LIQUID HOVER */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-liquid { position: absolute !important; inset: 0; background-color: #FFFFFF !important; clip-path: circle( 0% at var(--mpct2-lx,50%) var(--mpct2-ly,50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-btn:hover .mpct2-liquid { clip-path: circle( 200% at var(--mpct2-lx,50%) var(--mpct2-ly,50%) ); } /* INNER */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 15px; } /* TEXT */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-text { display: block; animation: none !important; transform: none; } /* ARROW */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-arrow svg { width: 15px; height: 15px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-btn:hover { background-color: #1D4724 !important; color: #1D4724 !important; } .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-btn:hover .mpct2-arrow { transform: translateX(8px); } /* ACTIVE */ .elementor-13 .elementor-element.elementor-element-76f57a5 .mpct2-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e0b5c31 *//* ══════════════════════════════════════ MENTORSHIP PLAN CARD 2 BUTTON MOBILE Prefixo exclusivo: mpcm2- ══════════════════════════════════════ */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-wrap { position: relative; display: inline-block; } /* GLOW */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-glow { position: absolute; inset: -17px -27px; border-radius: 50%; background: radial-gradient( ellipse, rgba(29,71,36,0.55) 0%, rgba(29,71,36,0) 70% ); filter: blur(10px); opacity: 0.22; animation: mpcm2GlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes mpcm2GlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-wrap:hover .mpcm2-glow { opacity: 0.9; animation: none; } /* BUTTON */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #1D4724 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 11px 18px 11px 18px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; z-index: 1; transition: color 0.48s 0.15s cubic-bezier( 0.4, 0, 0.2, 1 ); } /* SHINE */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.14) 54%, rgba(255,255,255,0) 70% ); background-size: 260% 100%; background-position: 210% 0; animation: mpcm2Shimmer 4.5s ease-in-out infinite; } @keyframes mpcm2Shimmer { 0%, 15% { background-position: 210% 0; opacity: 1; } 65% { background-position: -40% 0; opacity: 1; } 80% { background-position: -40% 0; opacity: 0; } 100% { background-position: 210% 0; opacity: 0; } } /* LIQUID HOVER */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-liquid { position: absolute !important; inset: 0; background-color: #FFFFFF !important; clip-path: circle( 0% at var(--mpcm2-lx,50%) var(--mpcm2-ly,50%) ); transition: clip-path 0.62s cubic-bezier( 0.22, 0.61, 0.36, 1 ); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-btn:hover .mpcm2-liquid { clip-path: circle( 200% at var(--mpcm2-lx,50%) var(--mpcm2-ly,50%) ); } /* INNER */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; } /* TEXT */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-text { display: block; animation: none !important; transform: none; } /* ARROW */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-arrow svg { width: 13px; height: 13px; } /* HOVER */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-btn:hover { background-color: #1D4724 !important; color: #1D4724 !important; } .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-btn:hover .mpcm2-arrow { transform: translateX(6px); } /* ACTIVE */ .elementor-13 .elementor-element.elementor-element-e0b5c31 .mpcm2-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67ceff */.elementor-13 .elementor-element.elementor-element-a67ceff { background: /* brilho branco superior esquerdo */ radial-gradient( circle at 10% 8%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.09) 14%, rgba(255, 255, 255, 0.035) 25%, rgba(255, 255, 255, 0) 38% ), /* brilho branco inferior direito */ radial-gradient( circle at 92% 92%, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.05) 14%, rgba(255, 255, 255, 0.018) 25%, rgba(255, 255, 255, 0) 38% ), /* base */ linear-gradient( 145deg, #3d3d3d 0%, #363636 22%, #333333 48%, #313131 72%, #333333 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.10); outline: 1px solid rgba(255, 255, 255, 0.035); outline-offset: -8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.025), 0 30px 80px rgba(0, 0, 0, 0.12); overflow: hidden; } /* Permite animar o ângulo do gradiente */ @property --cta-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ====================================================== */ /* CARD */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-a67ceff { position: relative; isolation: isolate; overflow: hidden; border-radius: 20px; } /* ====================================================== */ /* REMOVE SOMENTE MARGENS AUTOMÁTICAS DOS TEXTOS */ /* NÃO ALTERA PADDING */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-a67ceff .elementor-heading-title { margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-13 .elementor-element.elementor-element-a67ceff .elementor-widget-text-editor p { margin-top: 0 !important; margin-bottom: 0 !important; } /* ====================================================== */ /* BORDA ANIMADA */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-a67ceff::before { content: ""; position: absolute; inset: 0; z-index: 1; padding: 1.5px; border-radius: inherit; pointer-events: none; /* * A maior parte fica transparente. * Apenas um trecho recebe o brilho. */ background: conic-gradient( from var(--cta-border-angle), transparent 0deg, transparent 255deg, rgba(255, 255, 255, 0.02) 270deg, rgba(255, 255, 255, 0.10) 288deg, rgba(255, 255, 255, 0.35) 305deg, rgba(255, 255, 255, 0.90) 320deg, rgba(255, 255, 255, 0.35) 335deg, rgba(255, 255, 255, 0.10) 348deg, transparent 360deg ); /* * Remove o centro do pseudo-elemento. * Assim sobra SOMENTE a borda. */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: cta-border-movement 6s linear infinite; } /* Conteúdo sempre fica acima da borda */ .elementor-13 .elementor-element.elementor-element-a67ceff > * { position: relative; z-index: 2; } /* ====================================================== */ /* ANIMAÇÃO */ /* ====================================================== */ @keyframes cta-border-movement { from { --cta-border-angle: 0deg; } to { --cta-border-angle: 360deg; } } /* ====================================================== */ /* ACESSIBILIDADE */ /* ====================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-a67ceff::before { animation: none; } } /* ====================================================== */ /* ====================================================== */ /* ADIÇÕES DO CARD SECUNDÁRIO */ /* (nada acima foi alterado) */ /* ====================================================== */ /* ====================================================== */ /* ====================================================== */ /* CARD TRANSLÚCIDO — SEMPRE, COM OU SEM HOVER */ /* usa filter: opacity() em vez de opacity para não */ /* brigar com o Fade In Up do Elementor, que anima a */ /* propriedade opacity: os dois se multiplicam e o card */ /* entra já translúcido, sem "pulo" no final */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-a67ceff, .elementor-13 .elementor-element.elementor-element-a67ceff:hover { filter: opacity(0.6); } /* ====================================================== */ /* HOVER: SOBE LEVEMENTE, IGUAL AO CARD PRINCIPAL */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-a67ceff:hover { transform: translateY(-6px); } /* ====================================================== */ /* HOVER: TEXTOS DESLIZAM PARA A DIREITA EM CASCATA */ /* (igual à lista do card principal) */ /* Move o 2º e o 3º bloco do card: o subtítulo */ /* "ANOTHER WAYS TO REBUILD." e o parágrafo abaixo dele */ /* ====================================================== */ .elementor-13 .elementor-element.elementor-element-a67ceff > :nth-child(2 of .e-con), .elementor-13 .elementor-element.elementor-element-a67ceff > :nth-child(3 of .e-con) { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .elementor-13 .elementor-element.elementor-element-a67ceff > :nth-child(3 of .e-con) { transition-delay: 0.06s; } .elementor-13 .elementor-element.elementor-element-a67ceff:hover > :nth-child(2 of .e-con), .elementor-13 .elementor-element.elementor-element-a67ceff:hover > :nth-child(3 of .e-con) { transform: translateX(8px); } /* ====================================================== */ /* ACESSIBILIDADE DO HOVER */ /* ====================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-a67ceff > :nth-child(2 of .e-con), .elementor-13 .elementor-element.elementor-element-a67ceff > :nth-child(3 of .e-con) { transition: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-de9c8e9 */#cvsd * { box-sizing: border-box; margin: 0; padding: 0; } #cvsd { font-family: 'Montserrat', sans-serif; background: #1D4724; width: 100%; position: relative; } /* Wrapper que empurra a página pra dar espaço ao scroll */ #cvsd .cvs-sticky-wrap { position: relative; width: 100%; /* altura definida via JS: 100vh + scroll total */ } /* Frame sticky que fica colado ao topo enquanto o wrap scrolla */ #cvsd .cvs-sticky-frame { position: sticky; top: 0; width: 100%; overflow: hidden; } #cvsd .sticky-frame { width: 100%; height: 100vh; display: grid; grid-template-columns: 1fr 1fr; background: #1D4724; overflow: hidden; } /* ESQUERDA */ #cvsd .left-panel { padding: 20vh 8vw; display: flex; flex-direction: column; justify-content: space-between; border-right: 0.5px solid #2a4a2a; } #cvsd .section-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9BC76A; margin-bottom: 20px; } #cvsd .left-panel h2 { font-size: clamp(36px, 4.5vw, 68px); font-weight: 900; color: #fff; line-height: 1.05; letter-spacing: -0.035em; margin-bottom: 20px; } #cvsd .left-panel h2 em { color: #9BC76A; font-style: normal; } #cvsd .left-panel p { font-size: clamp(14px, 1.1vw, 16px); color: #8ec99a; line-height: 1.75; max-width: 360px; } #cvsd .progress-area { display: flex; flex-direction: column; gap: 16px; } #cvsd .progress-steps { display: flex; flex-direction: column; gap: 14px; } #cvsd .prog-item { display: flex; align-items: center; gap: 14px; transition: all 0.35s ease; opacity: 0.3; } #cvsd .prog-item.active { opacity: 1; } #cvsd .prog-item.done { opacity: 0.55; } #cvsd .prog-item.done-current { opacity: 1; } #cvsd .prog-num { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #2a4a2a; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #6aaa78; flex-shrink: 0; transition: all 0.35s ease; } #cvsd .prog-item.active .prog-num { background: #9BC76A; border-color: #9BC76A; color: #fff; } #cvsd .prog-item.done .prog-num { background: #0d2610; border-color: #2a4a2a; color: #aaa; } #cvsd .prog-item.done .prog-num::after { content: '✓'; font-size: 12px; } #cvsd .prog-item.done .prog-num span { display: none; } #cvsd .prog-text { font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.01em; } #cvsd .prog-item.active .prog-text { color: #9BC76A; } #cvsd .prog-item.done .prog-text { color: #6aaa78; } #cvsd .scroll-cue { font-size: 11px; color: #5a8a65; letter-spacing: 0.06em; display: flex; align-items: center; gap: 6px; animation: cvsd-bob 2s ease-in-out infinite; transition: opacity 0.3s; } @keyframes cvsd-bob { 0%, 100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(5px); opacity: 1; } } /* DIREITA */ #cvsd .right-panel { position: relative; overflow: hidden; height: 100vh; } #cvsd .cards-track { position: absolute; top: 0; left: 0; right: 0; will-change: transform; transition: transform 0.06s linear; } #cvsd .step-card { height: 100vh; padding: 8vh 8vw; display: flex; flex-direction: column; justify-content: center; gap: 28px; border-bottom: 0.5px solid #2a4a2a; } #cvsd .card-num { font-size: clamp(80px, 10vw, 140px); font-weight: 900; color: #163a1c; line-height: 1; letter-spacing: -0.04em; } #cvsd .card-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9BC76A; margin-bottom: 8px; } #cvsd .card-title { font-size: clamp(26px, 3vw, 46px); font-weight: 800; color: #fff; line-height: 1.12; letter-spacing: -0.03em; } #cvsd .card-body { font-size: clamp(14px, 1.1vw, 16px); color: #8ec99a; line-height: 1.8; max-width: 440px; } #cvsd .card-body strong { color: #b8e4c0; font-weight: 600; } #cvsd .card-pill { display: inline-flex; align-items: center; gap: 10px; background: #163a1c; border: 0.5px solid #2a4a2a; border-radius: 100px; padding: 10px 20px; font-size: 12px; color: #7aaa84; width: fit-content; } #cvsd .card-pill .dot { width: 7px; height: 7px; border-radius: 50%; background: #9BC76A; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-31679bd *//* ============================================ TABLET — 768px a 1024px Cole no Custom CSS do widget no Elementor ============================================ */ #cvst-root * { box-sizing: border-box; margin: 0; padding: 0; } #cvst-root { font-family: 'Montserrat', sans-serif; background: #1D4724; width: 100%; position: relative; } /* Wrap: altura = vh + TOTAL definida via JS */ #cvst-root #cvst-wrap { position: relative; width: 100%; } /* Frame: sticky no topo enquanto o wrap scrolla */ #cvst-root #cvst-frame { position: sticky; top: 0; width: 100%; overflow: hidden; background: #1D4724; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Layout: esquerda | direita */ #cvst-root #cvst-inner { display: grid; grid-template-columns: 1fr 1fr; width: 100%; height: 100%; } /* ESQUERDA */ #cvst-root #cvst-left { padding: 20vh 5vw; display: flex; flex-direction: column; justify-content: space-between; border-right: 0.5px solid #2a4a2a; height: 100%; } #cvst-root #cvst-left-top { display: flex; flex-direction: column; } #cvst-root #cvst-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9BC76A; margin-bottom: 14px; } #cvst-root #cvst-title { font-size: clamp(28px, 4vw, 44px); font-weight: 900; color: #fff; line-height: 1.05; letter-spacing: -0.035em; margin-bottom: 12px; } #cvst-root #cvst-title em { color: #9BC76A; font-style: normal; } #cvst-root #cvst-desc { font-size: clamp(12px, 1.5vw, 14px); color: #8ec99a; line-height: 1.65; } #cvst-root #cvst-progress { display: flex; flex-direction: column; gap: 12px; } #cvst-root #cvst-steps { display: flex; flex-direction: column; gap: 12px; } #cvst-root .cvst-pi { display: flex; align-items: center; gap: 10px; opacity: 0.3; transition: opacity 0.3s ease; } #cvst-root .cvst-pi.active { opacity: 1; } #cvst-root .cvst-pi.done { opacity: 0.55; } #cvst-root .cvst-pi.done-current { opacity: 1; } #cvst-root .cvst-num { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #2a4a2a; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #6aaa78; flex-shrink: 0; transition: background 0.3s ease, border-color 0.3s ease; } #cvst-root .cvst-pi.active .cvst-num { background: #9BC76A; border-color: #9BC76A; color: #fff; } #cvst-root .cvst-pi.done .cvst-num { background: #0d2610; border-color: #2a4a2a; color: #aaa; } #cvst-root .cvst-pi.done .cvst-num::after { content: '✓'; font-size: 11px; } #cvst-root .cvst-pi.done .cvst-num span { display: none; } #cvst-root .cvst-ptxt { font-size: 12px; font-weight: 600; color: #fff; letter-spacing: 0.01em; } #cvst-root .cvst-pi.active .cvst-ptxt { color: #9BC76A; } #cvst-root .cvst-pi.done .cvst-ptxt { color: #6aaa78; } #cvst-root #cvst-cue { font-size: 10px; color: #5a8a65; letter-spacing: 0.06em; animation: cvst-bob 2s ease-in-out infinite; transition: opacity 0.3s; } @keyframes cvst-bob { 0%, 100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(4px); opacity: 1; } } /* DIREITA */ #cvst-root #cvst-right { position: relative; overflow: hidden; height: 100%; } #cvst-root #cvst-cards-wrap { position: relative; height: 100%; overflow: hidden; } #cvst-root #cvst-track { position: absolute; top: 0; left: 0; right: 0; will-change: transform; } #cvst-root .cvst-card { height: 100vh; padding: 6vh 7vw; display: flex; flex-direction: column; justify-content: center; gap: 20px; border-bottom: 0.5px solid #2a4a2a; } #cvst-root .cvst-cardnum { font-size: clamp(52px, 8vw, 90px); font-weight: 900; color: #163a1c; line-height: 1; letter-spacing: -0.04em; } #cvst-root .cvst-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9BC76A; margin-bottom: 6px; } #cvst-root .cvst-cardtitle { font-size: clamp(22px, 3.2vw, 36px); font-weight: 800; color: #fff; line-height: 1.12; letter-spacing: -0.03em; } #cvst-root .cvst-cardbody { font-size: clamp(12px, 1.6vw, 14px); color: #8ec99a; line-height: 1.75; } #cvst-root .cvst-cardbody strong { color: #b8e4c0; font-weight: 600; } #cvst-root .cvst-pill { display: inline-flex; align-items: center; gap: 8px; background: #163a1c; border: 0.5px solid #2a4a2a; border-radius: 100px; padding: 8px 16px; font-size: 11px; color: #7aaa84; width: fit-content; } #cvst-root .cvst-dot { width: 6px; height: 6px; border-radius: 50%; background: #9BC76A; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d765964 *//* ============================================ MOBILE Cole no Custom CSS do widget no Elementor ============================================ */ #cvsm-root * { box-sizing: border-box; margin: 0; padding: 0; } #cvsm-root { font-family: 'Montserrat', sans-serif; background: #1D4724; width: 100%; position: relative; } #cvsm-panel { position: sticky; top: 0; width: 100%; background: #1D4724; overflow: hidden; display: flex; flex-direction: column; /* força layer GPU separada no Safari */ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } #cvsm-top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 4vw; padding: 16vw 9vw 5vw; border-bottom: 0.5px solid #2a4a2a; flex-shrink: 0; height: 42vh; } #cvsm-left { display: flex; flex-direction: column; gap: 8px; } #cvsm-tag { font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9BC76A; } #cvsm-title { font-size: clamp(26px, 7vw, 36px); font-weight: 900; color: #fff; line-height: 1.05; letter-spacing: -0.03em; } #cvsm-title em { color: #9BC76A; font-style: normal; } #cvsm-progress { display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; } #cvsm-steps { display: flex; flex-direction: column; gap: 10px; } #cvsm-root .cvsm-pi { display: flex; align-items: center; opacity: 0.3; transition: opacity 0.3s ease; } #cvsm-root .cvsm-pi.active { opacity: 1; } #cvsm-root .cvsm-pi.done { opacity: 0.55; } #cvsm-root .cvsm-pi.done-current { opacity: 1; } #cvsm-root .cvsm-num { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #2a4a2a; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #6aaa78; flex-shrink: 0; transition: background 0.3s ease, border-color 0.3s ease; } #cvsm-root .cvsm-pi.active .cvsm-num { background: #9BC76A; border-color: #9BC76A; color: #fff; } #cvsm-root .cvsm-pi.done .cvsm-num { background: #0d2610; border-color: #2a4a2a; color: #aaa; } #cvsm-root .cvsm-pi.done .cvsm-num::after { content: '✓'; font-size: 11px; } #cvsm-root .cvsm-pi.done .cvsm-num span { display: none; } #cvsm-cue { font-size: 10px; color: #5a8a65; letter-spacing: 0.06em; animation: cvsm-bob 2s ease-in-out infinite; transition: opacity 0.3s; } @keyframes cvsm-bob { 0%, 100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(4px); opacity: 1; } } #cvsm-cards-wrap { position: relative; overflow: hidden; height: 58vh; /* GPU layer para os cards */ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #cvsm-track { position: absolute; top: 0; left: 0; right: 0; will-change: transform; } #cvsm-root .cvsm-card { height: 58vh; padding: 5vw 9vw 8vw; display: flex; flex-direction: column; justify-content: center; gap: 14px; border-bottom: 0.5px solid #2a4a2a; } #cvsm-root .cvsm-cardnum { font-size: clamp( 48px, 14vw, 72px ); font-weight: 900; color: #163a1c; line-height: 1; letter-spacing: -0.04em; } #cvsm-root .cvsm-eyebrow { font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #9BC76A; margin-bottom: 4px; } #cvsm-root .cvsm-cardtitle { font-size: clamp( 20px, 5.5vw, 28px ); font-weight: 800; color: #fff; line-height: 1.15; letter-spacing: -0.025em; } #cvsm-root .cvsm-cardbody { font-size: clamp( 12px, 3.5vw, 14px ); color: #8ec99a; line-height: 1.7; } #cvsm-root .cvsm-cardbody strong { color: #b8e4c0; font-weight: 600; } #cvsm-root .cvsm-pill { display: inline-flex; align-items: center; gap: 8px; background: #163a1c; border: 0.5px solid #2a4a2a; border-radius: 100px; padding: 7px 14px; font-size: 10px; color: #7aaa84; width: fit-content; } #cvsm-root .cvsm-dot { width: 6px; height: 6px; border-radius: 50%; background: #9BC76A; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4b51e27 */.elementor-13 .elementor-element.elementor-element-4b51e27 .elementor-heading-title { font-family: 'Manrope', sans-serif !important; font-weight: 200 !important; font-variation-settings: "wght" 200 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9ea4ae1 *//* ===================================================== */ /* BUTTON WRAP */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-wrap { position: relative; display: inline-block; } /* ===================================================== */ /* GLOW */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-glow { position: absolute; inset: -24px -36px; border-radius: 50%; background: radial-gradient( ellipse, rgba(51,51,51,0.55) 0%, transparent 70% ); filter: blur(12px); opacity: 0.22; animation: vacGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes vacGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-wrap:hover .vac-glow { opacity: 0.9; animation: none; } /* ===================================================== */ /* BORDA ANIMADA */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; overflow: visible; } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-border-rect { fill: none; stroke: rgba(240,235,224,0.65); stroke-width: 1.5; transition: stroke-dashoffset 0.7s cubic-bezier(0.4,0,0.2,1); } /* ===================================================== */ /* BOTÃO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; background-color: #333333 !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 15px 34px 15px 28px !important; font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; isolation: isolate; z-index: 1; transition: color 0.48s 0s cubic-bezier(0.4,0,0.2,1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease !important; } /* ===================================================== */ /* SHIMMER CONTÍNUO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: vac-shimmer-continuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes vac-shimmer-continuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* ===================================================== */ /* LIQUID FILL */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-liquid { position: absolute !important; inset: 0; background-color: #F0EBE0 !important; clip-path: circle( 0% at var(--vac-lx,50%) var(--vac-ly,50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn:hover .vac-liquid { clip-path: circle( 200% at var(--vac-lx,50%) var(--vac-ly,50%) ); } /* ===================================================== */ /* CONTEÚDO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 14px; } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn-text { display: block; } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn-arrow { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.48s cubic-bezier(0.34,1.56,0.64,1); } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn-arrow svg { width: 15px; height: 15px; } /* ===================================================== */ /* HOVER */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn:hover { color: #0f0f0f !important; background-color: #333333 !important; letter-spacing: 0.26em !important; text-decoration: none !important; box-shadow: 0 18px 44px rgba(0,0,0,0.35), 0 4px 12px rgba(0,0,0,0.18) !important; transition: color 0.48s 0.15s cubic-bezier(0.4,0,0.2,1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease !important; } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn:hover .vac-btn-arrow { transform: translateX(8px); } /* ===================================================== */ /* CLIQUE */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn:active { transform: scale(0.955) !important; transition: transform 0.1s ease !important; } /* ===================================================== */ /* ACESSIBILIDADE */ /* ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-btn::before { animation: none; } .elementor-13 .elementor-element.elementor-element-9ea4ae1 .vac-glow { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ab1c784 *//* ===================================================== */ /* APPLY BUTTON — TABLET */ /* Prefixo exclusivo: vact- */ /* ===================================================== */ /* ===================================================== */ /* WRAP */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-wrap { position: relative; display: inline-block; } /* ===================================================== */ /* GLOW ESTÁTICO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-glow { position: absolute; inset: -22px -32px; border-radius: 50%; background: radial-gradient( ellipse, rgba(51,51,51,0.55) 0%, transparent 70% ); filter: blur(11px); opacity: 0.22; pointer-events: none; z-index: 0; } /* ===================================================== */ /* BOTÃO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #333333 !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 14px 30px 14px 25px !important; font-family: 'Manrope', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.21em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; isolation: isolate; z-index: 1; transition: color 0.48s 0s cubic-bezier(0.4,0,0.2,1); } /* ===================================================== */ /* SHIMMER CONTÍNUO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: vact-shimmer-continuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes vact-shimmer-continuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* ===================================================== */ /* LIQUID FILL */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-liquid { position: absolute !important; inset: 0; background-color: #F0EBE0 !important; clip-path: circle( 0% at var(--vact-lx, 50%) var(--vact-ly, 50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn:hover .vact-liquid { clip-path: circle( 200% at var(--vact-lx, 50%) var(--vact-ly, 50%) ); } /* ===================================================== */ /* CONTEÚDO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 13px; } .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn-text { display: block; } .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn-arrow { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn-arrow svg { width: 14px; height: 14px; } /* ===================================================== */ /* HOVER */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn:hover { color: #0f0f0f !important; background-color: #333333 !important; text-decoration: none !important; transition: color 0.48s 0.15s cubic-bezier(0.4,0,0.2,1); } /* ===================================================== */ /* ACESSIBILIDADE */ /* ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-ab1c784 .vact-btn::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bafe1c4 *//* ===================================================== */ /* APPLY BUTTON — MOBILE */ /* Prefixo exclusivo: vacm- */ /* ===================================================== */ /* ===================================================== */ /* WRAP */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-wrap { position: relative; display: inline-block; } /* ===================================================== */ /* GLOW ESTÁTICO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-glow { position: absolute; inset: -18px -24px; border-radius: 50%; background: radial-gradient( ellipse, rgba(51,51,51,0.55) 0%, transparent 70% ); filter: blur(10px); opacity: 0.22; pointer-events: none; z-index: 0; } /* ===================================================== */ /* BOTÃO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #333333 !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 13px 24px 13px 21px !important; font-family: 'Manrope', sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; isolation: isolate; z-index: 1; transition: color 0.48s 0s cubic-bezier(0.4,0,0.2,1); } /* ===================================================== */ /* SHIMMER CONTÍNUO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: vacm-shimmer-continuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes vacm-shimmer-continuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* ===================================================== */ /* LIQUID FILL */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-liquid { position: absolute !important; inset: 0; background-color: #F0EBE0 !important; clip-path: circle( 0% at var(--vacm-lx, 50%) var(--vacm-ly, 50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; transform: translateZ(0); pointer-events: none; } .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn:hover .vacm-liquid { clip-path: circle( 200% at var(--vacm-lx, 50%) var(--vacm-ly, 50%) ); } /* ===================================================== */ /* CONTEÚDO */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 11px; } .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn-text { display: block; } .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn-arrow { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn-arrow svg { width: 13px; height: 13px; } /* ===================================================== */ /* HOVER */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn:hover { color: #0f0f0f !important; background-color: #333333 !important; text-decoration: none !important; transition: color 0.48s 0.15s cubic-bezier(0.4,0,0.2,1); } /* ===================================================== */ /* ACESSIBILIDADE */ /* ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-bafe1c4 .vacm-btn::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df1c3cd *//* ===================================================== */ /* APPLICATION V2 - FULL SCREEN */ /* ===================================================== */ .elementor-13 .elementor-element.elementor-element-df1c3cd { width: 100%; min-height: 100svh; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; scroll-snap-align: start; scroll-snap-stop: always; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-df1df31 *//* ══════════════════════════════════════ FOOTER CTA — DESKTOP Prefixo exclusivo: fcd- ══════════════════════════════════════ */ .fcd-card { width: 100%; max-width: 475px; min-height: 355px; box-sizing: border-box; padding: 32px 32px 27px; display: flex; flex-direction: column; justify-content: center; background: radial-gradient( circle at 100% 0%, rgba(100,100,100,0.17) 0%, transparent 40% ), linear-gradient( 145deg, #333333 0%, #333333 100% ); border: 1px solid rgba(100,100,100,0.85); border-radius: 20px; font-family: 'Manrope', sans-serif; color: #F0EBE0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.025), 0 20px 50px rgba(0,0,0,0.23); } /* LABEL */ .fcd-label { display: flex; align-items: center; gap: 10px; margin-bottom: 19px; color: #CC381B; font-family: 'Manrope', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.20em; } .fcd-label-line { width: 28px; height: 1px; background: #CC381B; } /* TÍTULO */ .fcd-title { margin: 0 0 15px; color: #FFFFFF; font-family: 'Manrope', sans-serif !important; font-size: 34px; line-height: 0.98; font-weight: 400; letter-spacing: -0.035em; text-transform: uppercase; } /* TEXTO */ .fcd-description { max-width: 400px; margin: 0 0 21px; color: #A9ADA9; font-family: 'Manrope', sans-serif; font-size: 13px; line-height: 1.55; } /* BENEFÍCIOS */ .fcd-benefits { display: flex; gap: 7px; margin-bottom: 22px; } .fcd-benefit { flex: 1; padding: 8px 7px; border: 1px solid rgba(240,235,224,0.16); border-radius: 7px; color: #D9D9D5; background: rgba(255,255,255,0.025); font-family: 'Manrope', sans-serif; font-size: 10px; font-weight: 500; text-align: center; white-space: nowrap; } .fcd-benefit b { color: #CC381B; margin-right: 3px; } /* =================================== BOTÃO =================================== */ .fcd-wrap { position: relative; display: block; width: 100%; } .fcd-glow { position: absolute; inset: -18px -28px; border-radius: 50%; background: radial-gradient( ellipse, rgba(100,100,100,0.55) 0%, transparent 70% ); filter: blur(14px); opacity: 0.22; animation: fcdGlowPulse 3s ease-in-out infinite; pointer-events: none; z-index: 0; transition: opacity 0.5s ease; } @keyframes fcdGlowPulse { 0%, 100% { opacity: 0.22; } 50% { opacity: 0.45; } } .fcd-wrap:hover .fcd-glow { opacity: 0.9; animation: none; } /* BORDA */ .fcd-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; overflow: visible; } .fcd-border-rect { fill: none; stroke: rgba(240,235,224,0.65); stroke-width: 1.5; transition: stroke-dashoffset 0.7s cubic-bezier(0.4,0,0.2,1); } /* BOTÃO */ .fcd-btn { -webkit-appearance: none !important; appearance: none !important; position: relative !important; width: 100%; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box; min-height: 57px; background-color: #646464 !important; background-image: none !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 15px 25px !important; font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; outline: none !important; user-select: none; -webkit-user-select: none; isolation: isolate; z-index: 1; transition: color 0.48s 0s cubic-bezier(0.4,0,0.2,1), letter-spacing 0.5s ease, transform 0.28s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease !important; } /* =================================== SHIMMER CONTÍNUO =================================== */ .fcd-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0.24) 50%, rgba(255,255,255,0.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: fcdShimmerContinuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes fcdShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* LIQUID */ .fcd-liquid { position: absolute !important; inset: 0; background-color: #F0EBE0 !important; clip-path: circle( 0% at var(--lx,50%) var(--ly,50%) ); transition: clip-path 0.62s cubic-bezier(0.22,0.61,0.36,1); z-index: 1; pointer-events: none; } .fcd-btn:hover .fcd-liquid { clip-path: circle( 200% at var(--lx,50%) var(--ly,50%) ); } /* CONTEÚDO */ .fcd-inner { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: center; gap: 18px; } .fcd-arrow { display: flex; align-items: center; transition: transform 0.48s cubic-bezier(0.34,1.56,0.64,1); } .fcd-arrow svg { width: 17px; height: 17px; } /* HOVER */ .fcd-btn:hover { color: #0F0F0F !important; letter-spacing: 0.28em !important; box-shadow: 0 22px 52px rgba(0,0,0,0.38), 0 4px 14px rgba(0,0,0,0.2) !important; } .fcd-btn:hover .fcd-arrow { transform: translateX(10px); } /* TEXTO INFERIOR */ .fcd-bottom { margin-top: 14px; color: #777D78; font-family: 'Manrope', sans-serif; font-size: 10px; text-align: center; letter-spacing: 0.04em; } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .fcd-btn::before { animation: none; } .fcd-glow { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e1f2f85 *//* ══════════════════════════════════════ FOOTER CTA — TABLET Prefixo exclusivo: fct- ══════════════════════════════════════ */ .fct-card { width: 100%; max-width: 420px; box-sizing: border-box; padding: 25px; background: radial-gradient( circle at 100% 0, rgba(100,100,100,.16), transparent 42% ), linear-gradient( 145deg, #333333, #333333 ); border: 1px solid rgba(100,100,100,.80); border-radius: 17px; font-family: 'Manrope', sans-serif; color: #F0EBE0; } /* LABEL */ .fct-label { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; color: #CC381B; font-family: 'Manrope', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .18em; } .fct-label::before { content: ''; width: 25px; height: 1px; background: #CC381B; } /* TÍTULO */ .fct-title { margin: 0 0 13px; color: #FFFFFF; font-family: 'Manrope', sans-serif !important; font-size: 29px; line-height: 1; font-weight: 400; letter-spacing: -.03em; } /* DESCRIÇÃO */ .fct-description { margin: 0 0 17px; color: #A9ADA9; font-family: 'Manrope', sans-serif; font-size: 12px; line-height: 1.5; } /* BENEFÍCIOS */ .fct-benefits { display: flex; gap: 6px; margin-bottom: 18px; } .fct-benefits span { flex: 1; padding: 7px 5px; border: 1px solid rgba(240,235,224,.14); border-radius: 6px; background: rgba(255,255,255,.02); color: #D5D7D3; font-family: 'Manrope', sans-serif; font-size: 9px; text-align: center; } .fct-benefits b { color: #CC381B; } /* =================================== BOTÃO =================================== */ .fct-wrap { position: relative; display: block; width: 100%; } .fct-glow { position: absolute; inset: -20px -28px; border-radius: 50%; background: radial-gradient( ellipse, rgba(100,100,100,.55), transparent 70% ); filter: blur(14px); opacity: .22; pointer-events: none; } .fct-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; opacity: 0; } .fct-border-rect { fill: none; stroke: rgba(240,235,224,.65); stroke-width: 1.5; transition: stroke-dashoffset .7s cubic-bezier(.4,0,.2,1); } .fct-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; min-height: 53px; box-sizing: border-box; padding: 14px 22px !important; background: #646464 !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; font-family: 'Manrope', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .23em !important; text-decoration: none !important; overflow: hidden !important; isolation: isolate; z-index: 1; } /* =================================== SHIMMER CONTÍNUO =================================== */ .fct-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,.14) 46%, rgba(255,255,255,.24) 50%, rgba(255,255,255,.14) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: fctShimmerContinuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes fctShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* LIQUID */ .fct-liquid { position: absolute; inset: 0; background: #F0EBE0; clip-path: circle( 0% at var(--lx,50%) var(--ly,50%) ); transition: clip-path .62s cubic-bezier(.22,.61,.36,1); z-index: 1; pointer-events: none; } .fct-btn:hover .fct-liquid { clip-path: circle( 200% at var(--lx,50%) var(--ly,50%) ); } /* CONTEÚDO */ .fct-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 16px; } .fct-arrow { display: flex; transition: transform .48s cubic-bezier(.34,1.56,.64,1); } .fct-arrow svg { width: 16px; height: 16px; } /* HOVER */ .fct-btn:hover { color: #0F0F0F !important; } .fct-btn:hover .fct-arrow { transform: translateX(9px); } /* TEXTO INFERIOR */ .fct-bottom { margin-top: 12px; text-align: center; color: #777D78; font-family: 'Manrope', sans-serif; font-size: 9px; letter-spacing: .05em; } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .fct-btn::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-39b5b33 *//* ══════════════════════════════════════ FOOTER CTA — MOBILE Prefixo exclusivo: fcm- ══════════════════════════════════════ */ .fcm-card { width: 100%; box-sizing: border-box; padding: 25px 20px 21px; background: radial-gradient( circle at 100% 0, rgba(100,100,100,.17), transparent 45% ), linear-gradient( 145deg, #333333, #333333 ); border: 1px solid rgba(100,100,100,.8); border-radius: 15px; color: #F0EBE0; font-family: 'Manrope', sans-serif; } /* LABEL */ .fcm-label { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; color: #CC381B; font-family: 'Manrope', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .18em; } .fcm-label::before { content: ''; width: 22px; height: 1px; background: #CC381B; } /* TÍTULO */ .fcm-title { margin: 0 0 12px; color: #FFFFFF; font-family: 'Manrope', sans-serif !important; font-size: 28px; line-height: .98; font-weight: 400; letter-spacing: -.035em; } /* DESCRIÇÃO */ .fcm-description { margin: 0 0 17px; color: #A9ADA9; font-family: 'Manrope', sans-serif; font-size: 12px; line-height: 1.5; } /* BENEFÍCIOS */ .fcm-benefits { display: flex; flex-wrap: wrap; gap: 6px 13px; margin-bottom: 19px; color: #C8CBC7; font-family: 'Manrope', sans-serif; font-size: 9px; letter-spacing: .02em; } .fcm-benefits span::before { content: '✓'; color: #CC381B; margin-right: 4px; } /* =================================== BOTÃO =================================== */ .fcm-wrap { position: relative; width: 100%; } .fcm-glow { position: absolute; inset: -18px -20px; background: radial-gradient( ellipse, rgba(100,100,100,.55), transparent 70% ); filter: blur(13px); opacity: .23; pointer-events: none; } .fcm-border-svg { position: absolute; top: -1.5px; left: -1.5px; width: calc(100% + 3px); height: calc(100% + 3px); pointer-events: none; z-index: 20; opacity: 0; } .fcm-border-rect { fill: none; stroke: rgba(240,235,224,.65); stroke-width: 1.5; transition: stroke-dashoffset .7s cubic-bezier(.4,0,.2,1); } .fcm-btn { position: relative !important; width: 100%; min-height: 54px; box-sizing: border-box; display: flex !important; align-items: center !important; justify-content: center !important; background: #646464 !important; color: #FFFFFF !important; border: none !important; border-radius: 3px !important; padding: 14px 18px !important; font-family: 'Manrope', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .22em !important; text-decoration: none !important; overflow: hidden !important; isolation: isolate; z-index: 1; } /* =================================== SHIMMER CONTÍNUO =================================== */ .fcm-btn::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 108deg, transparent 30%, rgba(255,255,255,.13) 46%, rgba(255,255,255,.22) 50%, rgba(255,255,255,.13) 54%, transparent 70% ); background-size: 260% 100%; background-position: 210% 0; animation: fcmShimmerContinuous 4.5s ease-in-out infinite; will-change: background-position; } @keyframes fcmShimmerContinuous { 0% { background-position: 210% 0; } 15% { background-position: 210% 0; } 65% { background-position: -40% 0; } 80% { background-position: -40% 0; } 100% { background-position: 210% 0; } } /* LIQUID */ .fcm-liquid { position: absolute; inset: 0; background: #F0EBE0; clip-path: circle( 0% at var(--lx,50%) var(--ly,50%) ); transition: clip-path .62s cubic-bezier(.22,.61,.36,1); z-index: 1; pointer-events: none; } .fcm-btn:hover .fcm-liquid { clip-path: circle( 200% at var(--lx,50%) var(--ly,50%) ); } /* CONTEÚDO */ .fcm-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: 14px; } .fcm-arrow { display: flex; transition: transform .48s cubic-bezier(.34,1.56,.64,1); } .fcm-arrow svg { width: 15px; height: 15px; } /* HOVER */ .fcm-btn:hover { color: #0F0F0F !important; } .fcm-btn:hover .fcm-arrow { transform: translateX(8px); } /* TEXTO INFERIOR */ .fcm-bottom { margin-top: 11px; color: #777D78; font-family: 'Manrope', sans-serif; text-align: center; font-size: 8px; letter-spacing: .08em; } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .fcm-btn::before { animation: none; } }/* End custom CSS */