.elementor-8 .elementor-element.elementor-element-8e0dea4{--display:flex;--min-height:900px;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-8e0dea4:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-8e0dea4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000D0D;background-image:url("https://sabrinabalkanyi.com/wp-content/uploads/2026/09/hero-web.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-8 .elementor-element.elementor-element-ca925aa{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-ca925aa.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-ca925aa.elementor-position-right .elementor-image-box-img{margin-left:-20px;}.elementor-8 .elementor-element.elementor-element-ca925aa.elementor-position-left .elementor-image-box-img{margin-right:-20px;}.elementor-8 .elementor-element.elementor-element-ca925aa.elementor-position-top .elementor-image-box-img{margin-bottom:-20px;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-title{margin-bottom:15px;font-family:"Wix Madefor Display", Sans-serif;font-size:38px;font-weight:600;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-wrapper .elementor-image-box-img{width:39%;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-img img{transition-duration:0.3s;}.elementor-8 .elementor-element.elementor-element-ca925aa:has(:hover) .elementor-image-box-title, .elementor-8 .elementor-element.elementor-element-ca925aa:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:400;letter-spacing:-0.3px;color:#F7F7F7;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-bdf1bf4{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-bdf1bf4.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-398e908{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-398e908:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-398e908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000D0D;}.elementor-8 .elementor-element.elementor-element-d02f3b5{--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:5px 5px 5px 5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-d02f3b5:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d02f3b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#082020;}.elementor-8 .elementor-element.elementor-element-639cac2{--display:flex;--justify-content:center;--overlay-opacity:0.08;}.elementor-8 .elementor-element.elementor-element-639cac2::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sabrinabalkanyi.com/wp-content/uploads/2026/09/grafismo-web.webp");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:67% auto;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-db54771{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -66px;padding:0px 0px 0px 0px;z-index:10;}.elementor-8 .elementor-element.elementor-element-db54771 img{width:120%;max-width:120%;}.elementor-8 .elementor-element.elementor-element-1ba02d9{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-e176a33{width:var( --container-widget-width, 93% );max-width:93%;margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:93%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-e176a33.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-e176a33 .elementor-image-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-e176a33 .elementor-image-box-title{margin-bottom:15px;font-family:"Wix Madefor Display", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e176a33:has(:hover) .elementor-image-box-title, .elementor-8 .elementor-element.elementor-element-e176a33:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e176a33 .elementor-image-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;letter-spacing:-0.3px;color:#F7F7F7;}.elementor-8 .elementor-element.elementor-element-b09ead2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-b09ead2.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-82af5e3{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-82af5e3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-82af5e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000D0D;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-aadbb20{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:start;}.elementor-8 .elementor-element.elementor-element-aadbb20.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-aadbb20 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:32px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b19bf55{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-d9eb4a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-d9eb4a1.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-c7aa611{--divider-border-style:solid;--divider-color:#005656;--divider-border-width:1px;}.elementor-8 .elementor-element.elementor-element-c7aa611 .elementor-divider-separator{width:100%;}.elementor-8 .elementor-element.elementor-element-c7aa611 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8 .elementor-element.elementor-element-82d4c48{--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;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-82d4c48:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-82d4c48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F8F8;}.elementor-8 .elementor-element.elementor-element-82d4c48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-fe1c05b{width:var( --container-widget-width, 56% );max-width:56%;margin:-220px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:56%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-fe1c05b img{width:100%;}.elementor-8 .elementor-element.elementor-element-f2a68ee{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-f2a68ee.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-f2a68ee .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:48px;font-weight:600;line-height:36px;color:#082020;}.elementor-8 .elementor-element.elementor-element-4afaeb6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-dcc716e{--e-image-carousel-slides-to-show:4;z-index:6;}.elementor-8 .elementor-element.elementor-element-dcc716e .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-133abb1{--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;--justify-content:center;--align-items:center;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:-250px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:100;}.elementor-8 .elementor-element.elementor-element-133abb1:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-133abb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(50deg, #0A2E2E 0%, #024747 100%);}.elementor-8 .elementor-element.elementor-element-88976ba{width:var( --container-widget-width, 83% );max-width:83%;margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:83%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-88976ba.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-88976ba .elementor-image-box-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-88976ba .elementor-image-box-title{margin-bottom:15px;font-family:"Wix Madefor Display", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-88976ba:has(:hover) .elementor-image-box-title, .elementor-8 .elementor-element.elementor-element-88976ba:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-88976ba .elementor-image-box-description{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;letter-spacing:-0.3px;color:#F7F7F7;}.elementor-8 .elementor-element.elementor-element-6a11ba5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-6a11ba5.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-eedbb81{--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:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:250px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-eedbb81::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-037d410{--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;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-a9a0ec4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-a9a0ec4.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-657d383{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-783b02b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-783b02b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-783b02b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000D0D;background-image:url("https://sabrinabalkanyi.com/wp-content/uploads/2026/09/background-sobre-web.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-00e4844{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b6634a8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-56afd15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-56afd15.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-30b4bd0{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-3614e43{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-3614e43:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3614e43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000D0D;}.elementor-8 .elementor-element.elementor-element-2da5269{--display:flex;--border-radius:5px 5px 5px 5px;--padding-top:50px;--padding-bottom:50px;--padding-left:32px;--padding-right:32px;}.elementor-8 .elementor-element.elementor-element-2da5269:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-2da5269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(193deg, #005656 0%, #0A2E2E 100%);}.elementor-8 .elementor-element.elementor-element-91f9c5c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-91f9c5c.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-91f9c5c .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:26px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-9655e54{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-9655e54.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-9655e54 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e8dfe10{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#175858;--border-color:#175858;--border-radius:5px 5px 5px 5px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-6d8449b{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-6d8449b.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-2a192f3.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-2a192f3{text-align:center;}.elementor-8 .elementor-element.elementor-element-2a192f3 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-873ba62.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-873ba62{text-align:center;}.elementor-8 .elementor-element.elementor-element-873ba62 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:67px;font-weight:600;line-height:38px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-3f5857b.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-3f5857b{text-align:center;}.elementor-8 .elementor-element.elementor-element-3f5857b .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-a68f5f4{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-a68f5f4.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button{font-family:"Wix Madefor Display", Sans-serif;font-weight:500;}.elementor-8 .elementor-element.elementor-element-0527bea{--display:flex;--justify-content:center;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;--padding-top:50px;--padding-bottom:50px;--padding-left:32px;--padding-right:32px;}.elementor-8 .elementor-element.elementor-element-0527bea:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-0527bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-8 .elementor-element.elementor-element-f48bdb0{--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:center;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-50d8b89{--divider-border-style:solid;--divider-color:#f8d27d;--divider-border-width:1px;}.elementor-8 .elementor-element.elementor-element-50d8b89.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-50d8b89 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8 .elementor-element.elementor-element-50d8b89 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-8 .elementor-element.elementor-element-36078bb{width:var( --container-widget-width, 165px );max-width:165px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-36078bb.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-36078bb img{width:100%;}.elementor-8 .elementor-element.elementor-element-1d75462{--divider-border-style:solid;--divider-color:#f8d27d;--divider-border-width:1px;}.elementor-8 .elementor-element.elementor-element-1d75462.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-1d75462 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8 .elementor-element.elementor-element-1d75462 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-8 .elementor-element.elementor-element-6c9004c{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-6c9004c.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-4e43f2f{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-4e43f2f.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-4e43f2f .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:32px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-0714cd6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-0714cd6.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-0714cd6 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-8627ddf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f3c677c{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f3c677c:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f3c677c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#061616;}.elementor-8 .elementor-element.elementor-element-215a734.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-215a734{text-align:center;}.elementor-8 .elementor-element.elementor-element-215a734 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-8b601b3{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-8b601b3.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-c1cfaab{--display:flex;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-037d410{--width:81%;}.elementor-8 .elementor-element.elementor-element-2da5269{--width:50%;}.elementor-8 .elementor-element.elementor-element-0527bea{--width:50%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-8e0dea4:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-8e0dea4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sabrinabalkanyi.com/wp-content/uploads/2026/09/hero-mobile-web.webp");}.elementor-8 .elementor-element.elementor-element-8e0dea4{--min-height:788px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-ca925aa{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-img{margin-bottom:-20px;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-title{font-size:28px;}.elementor-8 .elementor-element.elementor-element-ca925aa .elementor-image-box-description{font-size:16px;}.elementor-8 .elementor-element.elementor-element-398e908{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-639cac2::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-639cac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:top center;}.elementor-8 .elementor-element.elementor-element-db54771{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-db54771 img{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-1ba02d9{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8 .elementor-element.elementor-element-e176a33{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-8 .elementor-element.elementor-element-e176a33 .elementor-image-box-title{font-size:28px;}.elementor-8 .elementor-element.elementor-element-e176a33 .elementor-image-box-description{font-size:14px;}.elementor-8 .elementor-element.elementor-element-82af5e3{--padding-top:50px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-aadbb20{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-8 .elementor-element.elementor-element-aadbb20.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-aadbb20 .elementor-heading-title{font-size:28px;}.elementor-8 .elementor-element.elementor-element-82d4c48{--content-width:100%;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-fe1c05b{margin:-120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-8 .elementor-element.elementor-element-f2a68ee .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-4afaeb6{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-8 .elementor-element.elementor-element-dcc716e{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 260px );max-width:260px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-133abb1{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-8 .elementor-element.elementor-element-88976ba{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-8 .elementor-element.elementor-element-88976ba .elementor-image-box-title{font-size:26px;}.elementor-8 .elementor-element.elementor-element-eedbb81{--padding-top:50px;--padding-bottom:050px;--padding-left:020px;--padding-right:020px;}.elementor-8 .elementor-element.elementor-element-783b02b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-30b4bd0.e-con{--order:-99999 /* order start hack */;}.elementor-8 .elementor-element.elementor-element-3614e43{--content-width:100%;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-2da5269{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-e8dfe10{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-6d8449b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8 .elementor-element.elementor-element-873ba62 .elementor-heading-title{font-size:52px;}.elementor-8 .elementor-element.elementor-element-0527bea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-6c9004c{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-4e43f2f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8 .elementor-element.elementor-element-8b601b3{--container-widget-width:115px;--container-widget-flex-grow:0;width:var( --container-widget-width, 115px );max-width:115px;}}/* Start custom CSS for button, class: .elementor-element-bdf1bf4 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-bdf1bf4 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b09ead2 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-b09ead2 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-398e908 *//* ========================================= FUNDO COM LINHAS ANIMADAS ========================================= */ .elementor-8 .elementor-element.elementor-element-398e908{ position: relative; overflow: hidden; isolation: isolate; } /* conteúdo acima dos efeitos */ .elementor-8 .elementor-element.elementor-element-398e908 > .elementor-container, .elementor-8 .elementor-element.elementor-element-398e908 > .e-con-inner, .elementor-8 .elementor-element.elementor-element-398e908 > .elementor-widget-wrap, .elementor-8 .elementor-element.elementor-element-398e908 > .elementor-element{ position: relative; z-index: 2; } /* ========================================= LINHAS VERTICAIS ========================================= */ .elementor-8 .elementor-element.elementor-element-398e908::before{ content: ""; position: absolute; inset: -5%; z-index: 0; pointer-events: none; /* mais linhas verticais */ background-image: repeating-linear-gradient( 90deg, transparent 0px, transparent 77px, rgba(1,31,31,.95) 78px, rgba(1,31,31,.95) 79px, transparent 80px, transparent 156px ); /* FAIXA DE FADE PERCORRENDO TODA A ALTURA */ -webkit-mask-image: linear-gradient( 180deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.35) 32%, #000 46%, #000 54%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.08) 82%, transparent 100% ); mask-image: linear-gradient( 180deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.35) 32%, #000 46%, #000 54%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.08) 82%, transparent 100% ); -webkit-mask-size: 100% 220%; mask-size: 100% 220%; -webkit-mask-position: center 120%; mask-position: center 120%; opacity: .95; animation: sbVerticalSweep 8s ease-in-out infinite, sbVerticalDrift 16s ease-in-out infinite; } /* ========================================= LINHAS HORIZONTAIS ========================================= */ .elementor-8 .elementor-element.elementor-element-398e908::after{ content: ""; position: absolute; inset: -5%; z-index: 1; pointer-events: none; background-image: repeating-linear-gradient( 0deg, transparent 0px, transparent 168px, rgba(1,31,31,.60) 169px, rgba(1,31,31,.60) 170px, transparent 171px, transparent 335px ); -webkit-mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.55) 38%, #000 48%, #000 52%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.15) 82%, transparent 100% ); mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.55) 38%, #000 48%, #000 52%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.15) 82%, transparent 100% ); -webkit-mask-size: 220% 100%; mask-size: 220% 100%; -webkit-mask-position: 120% center; mask-position: 120% center; opacity: .48; animation: sbHorizontalSweep 13s ease-in-out infinite, sbHorizontalDrift 20s ease-in-out infinite; } /* ========================================= FADE VERTICAL VAI DE CIMA ATÉ EMBAIXO ========================================= */ @keyframes sbVerticalSweep{ 0%{ -webkit-mask-position: center 120%; mask-position: center 120%; opacity: .40; } 20%{ opacity: .85; } 50%{ opacity: 1; } 80%{ opacity: .85; } 100%{ -webkit-mask-position: center -120%; mask-position: center -120%; opacity: .40; } } /* movimento horizontal quase imperceptível */ @keyframes sbVerticalDrift{ 0%{ transform: translateX(-6px); } 50%{ transform: translateX(6px); } 100%{ transform: translateX(-6px); } } /* ========================================= FADE HORIZONTAL ========================================= */ @keyframes sbHorizontalSweep{ 0%{ -webkit-mask-position: 120% center; mask-position: 120% center; opacity: .18; } 50%{ opacity: .50; } 100%{ -webkit-mask-position: -120% center; mask-position: -120% center; opacity: .18; } } @keyframes sbHorizontalDrift{ 0%{ transform: translateY(-5px); } 50%{ transform: translateY(5px); } 100%{ transform: translateY(-5px); } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-398e908::before{ background-image: repeating-linear-gradient( 90deg, transparent 0px, transparent 52px, rgba(1,31,31,.90) 53px, rgba(1,31,31,.90) 54px, transparent 55px, transparent 105px ); animation-duration: 9s, 16s; } .elementor-8 .elementor-element.elementor-element-398e908::after{ background-image: repeating-linear-gradient( 0deg, transparent 0px, transparent 135px, rgba(1,31,31,.50) 136px, rgba(1,31,31,.50) 137px, transparent 138px, transparent 270px ); opacity: .35; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d9eb4a1 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-d9eb4a1 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82af5e3 *//* ========================================= FUNDO COM LINHAS ANIMADAS ========================================= */ .elementor-8 .elementor-element.elementor-element-82af5e3{ position: relative; overflow: hidden; isolation: isolate; } /* conteúdo acima dos efeitos */ .elementor-8 .elementor-element.elementor-element-82af5e3 > .elementor-container, .elementor-8 .elementor-element.elementor-element-82af5e3 > .e-con-inner, .elementor-8 .elementor-element.elementor-element-82af5e3 > .elementor-widget-wrap, .elementor-8 .elementor-element.elementor-element-82af5e3 > .elementor-element{ position: relative; z-index: 2; } /* ========================================= LINHAS VERTICAIS ========================================= */ .elementor-8 .elementor-element.elementor-element-82af5e3::before{ content: ""; position: absolute; inset: -5%; z-index: 0; pointer-events: none; /* mais linhas verticais */ background-image: repeating-linear-gradient( 90deg, transparent 0px, transparent 77px, rgba(1,31,31,.95) 78px, rgba(1,31,31,.95) 79px, transparent 80px, transparent 156px ); /* FAIXA DE FADE PERCORRENDO TODA A ALTURA */ -webkit-mask-image: linear-gradient( 180deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.35) 32%, #000 46%, #000 54%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.08) 82%, transparent 100% ); mask-image: linear-gradient( 180deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.35) 32%, #000 46%, #000 54%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.08) 82%, transparent 100% ); -webkit-mask-size: 100% 220%; mask-size: 100% 220%; -webkit-mask-position: center 120%; mask-position: center 120%; opacity: .95; animation: sbVerticalSweep 8s ease-in-out infinite, sbVerticalDrift 16s ease-in-out infinite; } /* ========================================= LINHAS HORIZONTAIS ========================================= */ .elementor-8 .elementor-element.elementor-element-82af5e3::after{ content: ""; position: absolute; inset: -5%; z-index: 1; pointer-events: none; background-image: repeating-linear-gradient( 0deg, transparent 0px, transparent 168px, rgba(1,31,31,.60) 169px, rgba(1,31,31,.60) 170px, transparent 171px, transparent 335px ); -webkit-mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.55) 38%, #000 48%, #000 52%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.15) 82%, transparent 100% ); mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.55) 38%, #000 48%, #000 52%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.15) 82%, transparent 100% ); -webkit-mask-size: 220% 100%; mask-size: 220% 100%; -webkit-mask-position: 120% center; mask-position: 120% center; opacity: .48; animation: sbHorizontalSweep 13s ease-in-out infinite, sbHorizontalDrift 20s ease-in-out infinite; } /* ========================================= FADE VERTICAL VAI DE CIMA ATÉ EMBAIXO ========================================= */ @keyframes sbVerticalSweep{ 0%{ -webkit-mask-position: center 120%; mask-position: center 120%; opacity: .40; } 20%{ opacity: .85; } 50%{ opacity: 1; } 80%{ opacity: .85; } 100%{ -webkit-mask-position: center -120%; mask-position: center -120%; opacity: .40; } } /* movimento horizontal quase imperceptível */ @keyframes sbVerticalDrift{ 0%{ transform: translateX(-6px); } 50%{ transform: translateX(6px); } 100%{ transform: translateX(-6px); } } /* ========================================= FADE HORIZONTAL ========================================= */ @keyframes sbHorizontalSweep{ 0%{ -webkit-mask-position: 120% center; mask-position: 120% center; opacity: .18; } 50%{ opacity: .50; } 100%{ -webkit-mask-position: -120% center; mask-position: -120% center; opacity: .18; } } @keyframes sbHorizontalDrift{ 0%{ transform: translateY(-5px); } 50%{ transform: translateY(5px); } 100%{ transform: translateY(-5px); } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-82af5e3::before{ background-image: repeating-linear-gradient( 90deg, transparent 0px, transparent 52px, rgba(1,31,31,.90) 53px, rgba(1,31,31,.90) 54px, transparent 55px, transparent 105px ); animation-duration: 9s, 16s; } .elementor-8 .elementor-element.elementor-element-82af5e3::after{ background-image: repeating-linear-gradient( 0deg, transparent 0px, transparent 135px, rgba(1,31,31,.50) 136px, rgba(1,31,31,.50) 137px, transparent 138px, transparent 270px ); opacity: .35; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-dcc716e */.elementor-8 .elementor-element.elementor-element-dcc716e .swiper{ overflow: visible !important; } /* ========================================= SETAS — CARROSSEL DE IMAGENS ELEMENTOR ========================================= */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-prev, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-next{ width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255, 201, 115, .48) !important; border-radius: 6px !important; background: linear-gradient( 145deg, rgba(255, 201, 115, .07), transparent 55% ), #005656 !important; color: #FFC973 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 6px 18px rgba(0,86,86,.20), 0 0 10px rgba(255,201,115,.06); /* IMPORTANTE: mantém a posição original do Elementor */ transform: translateY(-50%) scale(1) !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important; } /* ========================================= SVG DA SETA ========================================= */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button svg, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-prev svg, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-next svg{ display: block !important; width: 21px !important; height: 21px !important; opacity: 1 !important; visibility: visible !important; color: #FFC973 !important; fill: #FFC973 !important; stroke: #FFC973 !important; filter: drop-shadow(0 0 3px rgba(255,201,115,.25)); transition: transform .25s ease, filter .25s ease !important; } /* SVG interno usado pelo Elementor */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button .e-font-icon-svg{ width: 21px !important; height: 21px !important; display: block !important; fill: #FFC973 !important; color: #FFC973 !important; opacity: 1 !important; visibility: visible !important; } /* caminhos internos do SVG */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button svg path, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button .e-font-icon-svg path{ fill: #FFC973 !important; stroke: #FFC973 !important; opacity: 1 !important; } /* ========================================= CASO O ELEMENTOR USE ÍCONE EM FONT ========================================= */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button i{ display: block !important; color: #FFC973 !important; font-size: 20px !important; opacity: 1 !important; visibility: visible !important; } /* ========================================= HOVER NÃO MUDA A POSIÇÃO VERTICAL ========================================= */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button:hover, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-prev:hover, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-next:hover{ /* mantém translateY(-50%) e adiciona apenas o zoom */ transform: translateY(-50%) scale(1.055) !important; border-color: rgba(255, 201, 115, .80) !important; background: linear-gradient( 145deg, rgba(255,201,115,.12), transparent 55% ), #005656 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 7px 20px rgba(0,86,86,.22), 0 0 15px rgba(255,201,115,.11) !important; } /* zoom mínimo apenas no desenho da seta */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button:hover svg{ transform: scale(1.04) !important; filter: drop-shadow(0 0 4px rgba(255,201,115,.38)); } /* ========================================= REMOVE QUALQUER MOVIMENTO LATERAL OU VERTICAL DO ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-prev:hover svg, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-next:hover svg, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-prev:hover i, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-next:hover i{ translate: none !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px){ .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-prev, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button-next{ width: 38px !important; height: 38px !important; border-radius: 5px !important; } .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button svg, .elementor-8 .elementor-element.elementor-element-dcc716e .elementor-swiper-button .e-font-icon-svg{ width: 18px !important; height: 18px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a11ba5 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-6a11ba5 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82d4c48 */html, body { width: 100%; max-width: 100%; overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a9a0ec4 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-a9a0ec4 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-56afd15 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-56afd15 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-873ba62 *//* ========================================= PREÇO — PARCELAMENTO + VALOR ========================================= */ .elementor-8 .elementor-element.elementor-element-873ba62 .elementor-heading-title{ display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0; } /* ========================================= 12X + DE ========================================= */ .elementor-8 .elementor-element.elementor-element-873ba62 .preco-parcela{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; flex-shrink: 0; line-height: 1; } /* 12x */ .elementor-8 .elementor-element.elementor-element-873ba62 .preco-12x{ color: rgba(255,255,255,.92); font-size: .43em; line-height: 1; font-weight: 600; letter-spacing: -.02em; } /* de */ .elementor-8 .elementor-element.elementor-element-873ba62 .preco-de{ color: rgba(255,255,255,.62); font-size: .25em; line-height: 1; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; margin-top: 3px; } /* ========================================= VALOR ========================================= */ .elementor-8 .elementor-element.elementor-element-873ba62 .preco-valor{ position: relative; display: inline-block; color: #FFC973; font-size: 1em; line-height: 1; font-weight: 700; letter-spacing: -.04em; background: linear-gradient( 110deg, #FFC973 0%, #FFC973 35%, #FFF1CE 47%, #FFFFFF 50%, #FFF1CE 53%, #FFC973 65%, #FFC973 100% ); background-size: 250% 100%; background-position: 150% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: precoShine 4.5s ease-in-out infinite; filter: drop-shadow( 0 2px 8px rgba(255,201,115,.10) ); } /* ========================================= FEIXE DE LUZ ========================================= */ @keyframes precoShine{ 0%, 18%{ background-position: 150% 0; } 48%{ background-position: -50% 0; } 100%{ background-position: -50% 0; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-873ba62 .elementor-heading-title{ gap: 9px; } .elementor-8 .elementor-element.elementor-element-873ba62 .preco-12x{ font-size: .42em; } .elementor-8 .elementor-element.elementor-element-873ba62 .preco-de{ font-size: .24em; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a68f5f4 *//* ========================================= BOTÃO TEAL + DOURADO ========================================= */ .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 20px 32px; border: 0; border-radius: 5px; color: #FFFFFF; background: linear-gradient( 135deg, #207F80 0%, #1F8B8B 48%, #249696 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.10), 0 8px 24px rgba(31,139,139,.20), 0 0 18px rgba(255,201,115,.06); transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; } /* ========================================= BORDA ANIMADA EM FADE ========================================= */ .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button::before{ content: ""; position: absolute; inset: 0; z-index: 1; padding: 1px; border-radius: 5px; background: linear-gradient( 110deg, rgba(255,201,115,.18) 0%, rgba(255,201,115,.22) 25%, rgba(255,201,115,.95) 42%, rgba(255,235,190,1) 50%, rgba(255,201,115,.90) 58%, rgba(255,201,115,.22) 75%, rgba(255,201,115,.18) 100% ); background-size: 300% 100%; background-position: 150% 0; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: borderFadeMove 4s ease-in-out infinite; pointer-events: none; } /* ========================================= FEIXE DE LUZ INTERNO ========================================= */ .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button::after{ content: ""; position: absolute; top: -80%; left: -35%; z-index: 0; width: 22%; height: 260%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 20%, rgba(255,222,167,.18) 45%, rgba(255,240,210,.32) 50%, rgba(255,222,167,.16) 55%, rgba(255,255,255,.03) 80%, transparent 100% ); transform: rotate(18deg); filter: blur(2px); animation: buttonLightBeam 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================= CONTEÚDO ========================================= */ .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; gap: 14px; } /* ========================================= ÍCONE ========================================= */ .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button-icon{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; margin: 0 !important; border-radius: 5px; color: #175F60; background: linear-gradient( 135deg, #FFD995 0%, #FFC973 60%, #F5B957 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(0,0,0,.12), 0 0 12px rgba(255,201,115,.14); transition: transform .3s ease, box-shadow .3s ease; } .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button-icon svg{ width: 14px; height: 14px; fill: currentColor; } /* ========================================= HOVER — APENAS REFORÇO DO EFEITO ========================================= */ .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button:hover{ transform: translateY(-2px); filter: brightness(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -1px 0 rgba(0,0,0,.08), 0 12px 30px rgba(31,139,139,.26), 0 0 22px rgba(255,201,115,.10); } .elementor-8 .elementor-element.elementor-element-a68f5f4 .elementor-button:hover .elementor-button-icon{ transform: translateX(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 14px rgba(0,0,0,.15), 0 0 15px rgba(255,201,115,.22); } /* ========================================= ANIMAÇÃO DA BORDA ========================================= */ @keyframes borderFadeMove{ 0%{ background-position: 150% 0; } 50%{ background-position: -50% 0; } 100%{ background-position: 150% 0; } } /* ========================================= ANIMAÇÃO DO FEIXE ========================================= */ @keyframes buttonLightBeam{ 0%, 15%{ left: -35%; opacity: 0; } 25%{ opacity: 1; } 55%{ left: 120%; opacity: .9; } 65%, 100%{ left: 120%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6c9004c */.elementor-8 .elementor-element.elementor-element-6c9004c img{ filter: drop-shadow(20px 8px 20px rgba(0,0,0,.14)) drop-shadow(38px 14px 32px rgba(0,0,0,.10)) drop-shadow(58px 20px 48px rgba(0,0,0,.07)); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3614e43 *//* ========================================= FUNDO COM LINHAS ANIMADAS ========================================= */ .elementor-8 .elementor-element.elementor-element-3614e43{ position: relative; overflow: hidden; isolation: isolate; } /* conteúdo acima dos efeitos */ .elementor-8 .elementor-element.elementor-element-3614e43 > .elementor-container, .elementor-8 .elementor-element.elementor-element-3614e43 > .e-con-inner, .elementor-8 .elementor-element.elementor-element-3614e43 > .elementor-widget-wrap, .elementor-8 .elementor-element.elementor-element-3614e43 > .elementor-element{ position: relative; z-index: 2; } /* ========================================= LINHAS VERTICAIS ========================================= */ .elementor-8 .elementor-element.elementor-element-3614e43::before{ content: ""; position: absolute; inset: -5%; z-index: 0; pointer-events: none; /* mais linhas verticais */ background-image: repeating-linear-gradient( 90deg, transparent 0px, transparent 77px, rgba(1,31,31,.95) 78px, rgba(1,31,31,.95) 79px, transparent 80px, transparent 156px ); /* FAIXA DE FADE PERCORRENDO TODA A ALTURA */ -webkit-mask-image: linear-gradient( 180deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.35) 32%, #000 46%, #000 54%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.08) 82%, transparent 100% ); mask-image: linear-gradient( 180deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.35) 32%, #000 46%, #000 54%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.08) 82%, transparent 100% ); -webkit-mask-size: 100% 220%; mask-size: 100% 220%; -webkit-mask-position: center 120%; mask-position: center 120%; opacity: .95; animation: sbVerticalSweep 8s ease-in-out infinite, sbVerticalDrift 16s ease-in-out infinite; } /* ========================================= LINHAS HORIZONTAIS ========================================= */ .elementor-8 .elementor-element.elementor-element-3614e43::after{ content: ""; position: absolute; inset: -5%; z-index: 1; pointer-events: none; background-image: repeating-linear-gradient( 0deg, transparent 0px, transparent 168px, rgba(1,31,31,.60) 169px, rgba(1,31,31,.60) 170px, transparent 171px, transparent 335px ); -webkit-mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.55) 38%, #000 48%, #000 52%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.15) 82%, transparent 100% ); mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.55) 38%, #000 48%, #000 52%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.15) 82%, transparent 100% ); -webkit-mask-size: 220% 100%; mask-size: 220% 100%; -webkit-mask-position: 120% center; mask-position: 120% center; opacity: .48; animation: sbHorizontalSweep 13s ease-in-out infinite, sbHorizontalDrift 20s ease-in-out infinite; } /* ========================================= FADE VERTICAL VAI DE CIMA ATÉ EMBAIXO ========================================= */ @keyframes sbVerticalSweep{ 0%{ -webkit-mask-position: center 120%; mask-position: center 120%; opacity: .40; } 20%{ opacity: .85; } 50%{ opacity: 1; } 80%{ opacity: .85; } 100%{ -webkit-mask-position: center -120%; mask-position: center -120%; opacity: .40; } } /* movimento horizontal quase imperceptível */ @keyframes sbVerticalDrift{ 0%{ transform: translateX(-6px); } 50%{ transform: translateX(6px); } 100%{ transform: translateX(-6px); } } /* ========================================= FADE HORIZONTAL ========================================= */ @keyframes sbHorizontalSweep{ 0%{ -webkit-mask-position: 120% center; mask-position: 120% center; opacity: .18; } 50%{ opacity: .50; } 100%{ -webkit-mask-position: -120% center; mask-position: -120% center; opacity: .18; } } @keyframes sbHorizontalDrift{ 0%{ transform: translateY(-5px); } 50%{ transform: translateY(5px); } 100%{ transform: translateY(-5px); } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-3614e43::before{ background-image: repeating-linear-gradient( 90deg, transparent 0px, transparent 52px, rgba(1,31,31,.90) 53px, rgba(1,31,31,.90) 54px, transparent 55px, transparent 105px ); animation-duration: 9s, 16s; } .elementor-8 .elementor-element.elementor-element-3614e43::after{ background-image: repeating-linear-gradient( 0deg, transparent 0px, transparent 135px, rgba(1,31,31,.50) 136px, rgba(1,31,31,.50) 137px, transparent 138px, transparent 270px ); opacity: .35; } }/* End custom CSS */