.elementor-888 .elementor-element.elementor-element-429fdde8{--display:flex;--min-height:818px;--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;}.elementor-888 .elementor-element.elementor-element-429fdde8:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-429fdde8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031006;background-image:url("https://ribabrasil.com.br/wp-content/uploads/2025/09/Rectangle-34.png");background-position:top center;background-size:cover;}.elementor-888 .elementor-element.elementor-element-385b44e2{--display:flex;}.elementor-888 .elementor-element.elementor-element-d47e9a7{--display:flex;border-style:solid;--border-style:solid;}.elementor-888 .elementor-element.elementor-element-d47e9a7:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-d47e9a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0201014F;}.elementor-888 .elementor-element.elementor-element-3ad0fa18{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-3ad0fa18 > .elementor-widget-container{margin:0vw 0vw 0vw 4vw;}.elementor-888 .elementor-element.elementor-element-3ad0fa18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-3ad0fa18 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.4vw;font-weight:700;line-height:1.12em;color:#FF8500;}.elementor-888 .elementor-element.elementor-element-2e37a0a{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-2e37a0a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-2e37a0a .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:44px;font-weight:500;line-height:1.12em;color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-416eeb37{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:17px;font-weight:400;color:#D1D1D1;}.elementor-888 .elementor-element.elementor-element-416eeb37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-416eeb37.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-41e21469 .elementor-button{background-color:#B2FE0200;font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-41e21469.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-1489ef8a{--display:flex;}.elementor-888 .elementor-element.elementor-element-d8749d4{--display:flex;--min-height:818px;--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;}.elementor-888 .elementor-element.elementor-element-d8749d4:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-d8749d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031006;background-image:url("https://ribabrasil.com.br/wp-content/uploads/2025/09/Rectangle-32-1.png");background-position:top center;background-size:cover;}.elementor-888 .elementor-element.elementor-element-4fafd82{--display:flex;}.elementor-888 .elementor-element.elementor-element-1a35991{--display:flex;border-style:solid;--border-style:solid;}.elementor-888 .elementor-element.elementor-element-1a35991:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-1a35991 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0201014F;}.elementor-888 .elementor-element.elementor-element-73644e4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-73644e4 > .elementor-widget-container{margin:0vw 0vw 0vw 4vw;}.elementor-888 .elementor-element.elementor-element-73644e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-73644e4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.4vw;font-weight:700;line-height:1.12em;color:#FF8500;}.elementor-888 .elementor-element.elementor-element-111ee88{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-111ee88.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-111ee88 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:40px;font-weight:500;line-height:1.12em;color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-304c520{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;font-family:"Sora", Sans-serif;font-size:16px;font-weight:400;color:#D1D1D1;}.elementor-888 .elementor-element.elementor-element-304c520 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-304c520.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-cfb085d .elementor-button{background-color:#B2FE0200;font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-cfb085d.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-616fc152{--display:flex;--margin-top:-10vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-616fc152:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-616fc152 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #00000000 100%);}.elementor-888 .elementor-element.elementor-element-71ee9e50 .swiper-wrapper{display:flex;align-items:center;}.elementor-888 .elementor-element.elementor-element-61cbe3a8{--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;--margin-top:4vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-47bbfa81{--display:flex;}.elementor-888 .elementor-element.elementor-element-1f327c37{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-1f327c37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-1f327c37 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:44px;font-weight:500;line-height:1.12em;color:#272727;}.elementor-888 .elementor-element.elementor-element-61a3d0d1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-888 .elementor-element.elementor-element-61a3d0d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-61a3d0d1.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-16875991 .elementor-button{background-color:#B2FE0200;font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-16875991.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-34fbca6f{--display:flex;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-3b021c30 > .elementor-widget-container{margin:-55px -40px -55px -40px;}.elementor-888 .elementor-element.elementor-element-3b021c30{z-index:9;text-align:left;}.elementor-888 .elementor-element.elementor-element-3b021c30 img{width:15%;}.elementor-888 .elementor-element.elementor-element-f8f06e9 img{border-radius:12px 12px 12px 12px;}.elementor-888 .elementor-element.elementor-element-9463e9a{--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-888 .elementor-element.elementor-element-9463e9a:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-9463e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ribabrasil.com.br/wp-content/uploads/2025/09/Group-84.png");}.elementor-888 .elementor-element.elementor-element-73762db{--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;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-73762db:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-73762db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-6d93311{--display:flex;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-888 .elementor-element.elementor-element-bb0ccb4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-bb0ccb4 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:32px;font-weight:500;line-height:1.12em;color:#FF8500;}.elementor-888 .elementor-element.elementor-element-0e41d9b > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-0e41d9b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-0e41d9b .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.12em;color:#242424;}.elementor-888 .elementor-element.elementor-element-edba74b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-edba74b .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:32px;font-weight:500;line-height:1.12em;color:#666666;}.elementor-888 .elementor-element.elementor-element-21a0978 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-21a0978.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-21a0978 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.12em;color:#242424;}.elementor-888 .elementor-element.elementor-element-f44a6c7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-f44a6c7 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:32px;font-weight:500;line-height:1.12em;color:#666666;}.elementor-888 .elementor-element.elementor-element-0435b1a > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-0435b1a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-0435b1a .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.12em;color:#242424;}.elementor-888 .elementor-element.elementor-element-4b35217.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-4b35217 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:32px;font-weight:500;line-height:1.12em;color:#666666;}.elementor-888 .elementor-element.elementor-element-0e50668 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-0e50668.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-0e50668 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.12em;color:#242424;}.elementor-888 .elementor-element.elementor-element-5308bd4{--display:flex;}.elementor-888 .elementor-element.elementor-element-4538074 > .elementor-widget-container{margin:-20px -20px -20px -20px;}.elementor-888 .elementor-element.elementor-element-6b314cec{--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-888 .elementor-element.elementor-element-b3a0542{--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;--margin-top:7vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-c608df6{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-c608df6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-c608df6 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:40px;font-weight:700;line-height:1.12em;color:#FF8500;}.elementor-888 .elementor-element.elementor-element-77f7660{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-888 .elementor-element.elementor-element-77f7660.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-888 .elementor-element.elementor-element-77f7660 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:1.3vw;font-weight:400;line-height:1.12em;color:#000000;}.elementor-888 .elementor-element.elementor-element-792309d6{--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-888 .elementor-element.elementor-element-911d903{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-f5d1a73 .elementor-button{background-color:#B2FE0200;font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-f5d1a73.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-888 .elementor-element.elementor-element-d47e9a7{--width:35%;}.elementor-888 .elementor-element.elementor-element-1a35991{--width:35%;}.elementor-888 .elementor-element.elementor-element-5308bd4{--width:64%;}}@media(min-width:2400px){.elementor-888 .elementor-element.elementor-element-429fdde8{--min-height:100vh;--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-888 .elementor-element.elementor-element-385b44e2{--width:100%;--min-height:85vh;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-d47e9a7{--width:31%;--min-height:5vh;--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:163px 163px 163px 163px;}.elementor-888 .elementor-element.elementor-element-3ad0fa18 > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;}.elementor-888 .elementor-element.elementor-element-3ad0fa18{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-3ad0fa18 .elementor-heading-title{font-size:0.8vw;}.elementor-888 .elementor-element.elementor-element-2e37a0a{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-888 .elementor-element.elementor-element-416eeb37{--container-widget-width:92%;--container-widget-flex-grow:0;width:var( --container-widget-width, 92% );max-width:92%;}.elementor-888 .elementor-element.elementor-element-1489ef8a{--width:100%;--min-height:85vh;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-d8749d4{--min-height:100vh;--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-888 .elementor-element.elementor-element-4fafd82{--width:100%;--min-height:85vh;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-1a35991{--width:31%;--min-height:5vh;--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:163px 163px 163px 163px;}.elementor-888 .elementor-element.elementor-element-73644e4 > .elementor-widget-container{margin:0vw 0vw 0vw 2vw;}.elementor-888 .elementor-element.elementor-element-73644e4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-73644e4 .elementor-heading-title{font-size:0.8vw;}.elementor-888 .elementor-element.elementor-element-111ee88{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-888 .elementor-element.elementor-element-304c520{--container-widget-width:92%;--container-widget-flex-grow:0;width:var( --container-widget-width, 92% );max-width:92%;}.elementor-888 .elementor-element.elementor-element-616fc152{--width:100%;--margin-top:-4.7vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-71ee9e50 .swiper-wrapper{display:flex;align-items:center;}.elementor-888 .elementor-element.elementor-element-61cbe3a8{--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;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-47bbfa81{--width:80%;--min-height:32vh;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-1f327c37{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-888 .elementor-element.elementor-element-1f327c37 .elementor-heading-title{font-size:1.5vw;}.elementor-888 .elementor-element.elementor-element-61a3d0d1{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-34fbca6f{--width:20%;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-9463e9a{--min-height:1200px;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-9463e9a:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-9463e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-888 .elementor-element.elementor-element-73762db{--width:40%;--min-height:100vh;--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:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-888 .elementor-element.elementor-element-73762db.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-bb0ccb4 .elementor-heading-title{font-size:1.3vw;}.elementor-888 .elementor-element.elementor-element-0e41d9b > .elementor-widget-container{margin:-4% 0% 0% 0%;}.elementor-888 .elementor-element.elementor-element-0e41d9b .elementor-heading-title{font-size:0.7vw;}.elementor-888 .elementor-element.elementor-element-edba74b .elementor-heading-title{font-size:1.3vw;}.elementor-888 .elementor-element.elementor-element-21a0978 > .elementor-widget-container{margin:-4% 0% 0% 0%;}.elementor-888 .elementor-element.elementor-element-21a0978 .elementor-heading-title{font-size:0.7vw;}.elementor-888 .elementor-element.elementor-element-f44a6c7 .elementor-heading-title{font-size:1.3vw;}.elementor-888 .elementor-element.elementor-element-0435b1a > .elementor-widget-container{margin:-4% 0% 0% 0%;}.elementor-888 .elementor-element.elementor-element-0435b1a .elementor-heading-title{font-size:0.7vw;}.elementor-888 .elementor-element.elementor-element-4b35217 .elementor-heading-title{font-size:1.3vw;}.elementor-888 .elementor-element.elementor-element-0e50668 > .elementor-widget-container{margin:-4% 0% 0% 0%;}.elementor-888 .elementor-element.elementor-element-0e50668 .elementor-heading-title{font-size:0.7vw;}.elementor-888 .elementor-element.elementor-element-6b314cec{--min-height:33vh;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-b3a0542{--min-height:33vh;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-c608df6 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-c608df6{--container-widget-width:51%;--container-widget-flex-grow:0;width:var( --container-widget-width, 51% );max-width:51%;text-align:left;}.elementor-888 .elementor-element.elementor-element-c608df6.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-c608df6 .elementor-heading-title{font-size:1.7vw;}.elementor-888 .elementor-element.elementor-element-77f7660 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-77f7660{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;text-align:left;}.elementor-888 .elementor-element.elementor-element-77f7660.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-77f7660 .elementor-heading-title{font-size:0.7vw;}.elementor-888 .elementor-element.elementor-element-792309d6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:3vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}}@media(max-width:1366px){.elementor-888 .elementor-element.elementor-element-429fdde8{--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-888 .elementor-element.elementor-element-3ad0fa18{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-2e37a0a{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-416eeb37{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-41e21469 .elementor-button{font-size:16px;}.elementor-888 .elementor-element.elementor-element-d8749d4{--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-888 .elementor-element.elementor-element-73644e4{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-111ee88{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-304c520{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-cfb085d .elementor-button{font-size:16px;}.elementor-888 .elementor-element.elementor-element-1f327c37{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-61a3d0d1{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-16875991 .elementor-button{font-size:16px;}.elementor-888 .elementor-element.elementor-element-c608df6{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-77f7660{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-888 .elementor-element.elementor-element-f5d1a73 .elementor-button{font-size:16px;}}@media(max-width:1024px){.elementor-888 .elementor-element.elementor-element-429fdde8{--min-height:989px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-888 .elementor-element.elementor-element-3ad0fa18{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-3ad0fa18.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-2e37a0a{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-2e37a0a.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-416eeb37{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-416eeb37.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-d8749d4{--min-height:989px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-888 .elementor-element.elementor-element-73644e4{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-73644e4.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-111ee88{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-111ee88.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-304c520{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-304c520.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-1f327c37{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-1f327c37.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-61a3d0d1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-61a3d0d1.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-bb0ccb4{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-bb0ccb4.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-0e41d9b{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-0e41d9b.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-edba74b{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-edba74b.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-21a0978{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-21a0978.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-f44a6c7{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-f44a6c7.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-0435b1a{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-0435b1a.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-4b35217{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-4b35217.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-0e50668{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-0e50668.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-c608df6{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-c608df6.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-77f7660{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-888 .elementor-element.elementor-element-77f7660.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-888 .elementor-element.elementor-element-429fdde8{--min-height:1376px;--flex-direction:column-reverse;--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:flex-start;--align-items:center;--padding-top:20vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:05vw;}.elementor-888 .elementor-element.elementor-element-429fdde8:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-429fdde8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-888 .elementor-element.elementor-element-429fdde8.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-385b44e2{--padding-top:0vw;--padding-bottom:42vw;--padding-left:0vw;--padding-right:0vw;}.elementor-888 .elementor-element.elementor-element-d47e9a7{--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-3ad0fa18{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:left;}.elementor-888 .elementor-element.elementor-element-3ad0fa18 .elementor-heading-title{font-size:3.8vw;}.elementor-888 .elementor-element.elementor-element-6a83e27a > .elementor-widget-container{margin:0vw -13vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-2e37a0a{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-2e37a0a .elementor-heading-title{font-size:28px;}.elementor-888 .elementor-element.elementor-element-416eeb37{width:100%;max-width:100%;text-align:left;font-size:16px;}.elementor-888 .elementor-element.elementor-element-416eeb37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-416eeb37.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-41e21469 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-41e21469.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-41e21469 .elementor-button{font-size:18px;}.elementor-888 .elementor-element.elementor-element-1489ef8a{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-d8749d4{--min-height:833px;--flex-direction:column-reverse;--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:flex-start;--align-items:center;--padding-top:20vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:05vw;}.elementor-888 .elementor-element.elementor-element-d8749d4:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-d8749d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-888 .elementor-element.elementor-element-d8749d4.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-4fafd82{--padding-top:0vw;--padding-bottom:42vw;--padding-left:0vw;--padding-right:0vw;}.elementor-888 .elementor-element.elementor-element-1a35991{--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-73644e4{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:left;}.elementor-888 .elementor-element.elementor-element-73644e4 .elementor-heading-title{font-size:3.8vw;}.elementor-888 .elementor-element.elementor-element-22a2209 > .elementor-widget-container{margin:0vw -13vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-111ee88{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-111ee88 .elementor-heading-title{font-size:28px;}.elementor-888 .elementor-element.elementor-element-304c520{width:100%;max-width:100%;text-align:left;font-size:16px;}.elementor-888 .elementor-element.elementor-element-304c520 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-304c520.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-cfb085d > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-cfb085d.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-cfb085d .elementor-button{font-size:18px;}.elementor-888 .elementor-element.elementor-element-616fc152{--margin-top:-32vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-61cbe3a8{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-888 .elementor-element.elementor-element-1f327c37{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-1f327c37 .elementor-heading-title{font-size:28px;}.elementor-888 .elementor-element.elementor-element-61a3d0d1{width:100%;max-width:100%;text-align:left;font-size:16px;}.elementor-888 .elementor-element.elementor-element-61a3d0d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-61a3d0d1.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-16875991 .elementor-button{font-size:18px;}.elementor-888 .elementor-element.elementor-element-3b021c30 > .elementor-widget-container{margin:-25px -37px -37px -10px;}.elementor-888 .elementor-element.elementor-element-3b021c30 img{width:21%;}.elementor-888 .elementor-element.elementor-element-f8f06e9 img{width:47%;}.elementor-888 .elementor-element.elementor-element-9463e9a{--margin-top:22vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-888 .elementor-element.elementor-element-bb0ccb4{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-bb0ccb4 .elementor-heading-title{font-size:22px;}.elementor-888 .elementor-element.elementor-element-0e41d9b{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-0e41d9b .elementor-heading-title{font-size:15px;}.elementor-888 .elementor-element.elementor-element-edba74b{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-edba74b .elementor-heading-title{font-size:22px;}.elementor-888 .elementor-element.elementor-element-21a0978{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-21a0978 .elementor-heading-title{font-size:15px;}.elementor-888 .elementor-element.elementor-element-f44a6c7{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-f44a6c7 .elementor-heading-title{font-size:22px;}.elementor-888 .elementor-element.elementor-element-0435b1a{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-0435b1a .elementor-heading-title{font-size:15px;}.elementor-888 .elementor-element.elementor-element-4b35217{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-4b35217 .elementor-heading-title{font-size:22px;}.elementor-888 .elementor-element.elementor-element-0e50668{width:100%;max-width:100%;text-align:left;}.elementor-888 .elementor-element.elementor-element-0e50668 .elementor-heading-title{font-size:15px;}.elementor-888 .elementor-element.elementor-element-c608df6{width:100%;max-width:100%;text-align:center;}.elementor-888 .elementor-element.elementor-element-c608df6 > .elementor-widget-container{margin:10vw 0vw 0vw 0vw;}.elementor-888 .elementor-element.elementor-element-c608df6 .elementor-heading-title{font-size:28px;}.elementor-888 .elementor-element.elementor-element-77f7660{width:100%;max-width:100%;text-align:center;}.elementor-888 .elementor-element.elementor-element-77f7660 .elementor-heading-title{font-size:3.9vw;}.elementor-888 .elementor-element.elementor-element-f5d1a73.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-f5d1a73 .elementor-button{font-size:18px;}}/* Start custom CSS for heading, class: .elementor-element-3ad0fa18 */.elementor-888 .elementor-element.elementor-element-3ad0fa18{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6a83e27a */.imagem{ position: absolute; width: 50px; animation: luzz 5s ease infinite; } /* Flash de luz */ @keyframes luzz { 0%, 100% { filter: brightness(1) drop-shadow(0 0 0px rgba(255,255,255,0)); opacity: 1; } 40% { filter: brightness(1.3) drop-shadow(0 0 10px rgba(255,255,255,0.6)); opacity: 1; } 50% { filter: brightness(2) drop-shadow(0 0 25px rgba(255,255,255,0.9)); opacity: 1; } 60% { filter: brightness(1.3) drop-shadow(0 0 10px rgba(255,255,255,0.6)); opacity: 1; } } /* Responsivo */ @media(max-width: 767px){ .imagem{ width: 8vw; transform: translateX(-20px) translateY(0px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d47e9a7 */.container{ backdrop-filter: blur(10px); border-radius: 50px; border: 1px solid #FF8500; background: rgba(15, 15, 15, 0.10); backdrop-filter: blur(16.32653045654297px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2e37a0a */.elementor-888 .elementor-element.elementor-element-2e37a0a{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-41e21469 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #FF8500; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #FFE4C7; /* Cor do texto do botão */ --shiny-cta-fg: #ffffff; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #FFE4C7; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-888 .elementor-element.elementor-element-41e21469 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-888 .elementor-element.elementor-element-41e21469 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-888 .elementor-element.elementor-element-41e21469::before, .elementor-888 .elementor-element.elementor-element-41e21469::after, .elementor-888 .elementor-element.elementor-element-41e21469 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-888 .elementor-element.elementor-element-41e21469::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-888 .elementor-element.elementor-element-41e21469::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-888 .elementor-element.elementor-element-41e21469 span { z-index: 1; position: relative; } .elementor-888 .elementor-element.elementor-element-41e21469 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-888 .elementor-element.elementor-element-41e21469:hover, .elementor-888 .elementor-element.elementor-element-41e21469:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-888 .elementor-element.elementor-element-41e21469, .elementor-888 .elementor-element.elementor-element-41e21469::before, .elementor-888 .elementor-element.elementor-element-41e21469::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-888 .elementor-element.elementor-element-41e21469:hover, .elementor-888 .elementor-element.elementor-element-41e21469:hover::before, .elementor-888 .elementor-element.elementor-element-41e21469:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-73644e4 */.elementor-888 .elementor-element.elementor-element-73644e4{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-22a2209 */.imagem{ position: absolute; width: 50px; animation: luzz 5s ease infinite; } /* Flash de luz */ @keyframes luzz { 0%, 100% { filter: brightness(1) drop-shadow(0 0 0px rgba(255,255,255,0)); opacity: 1; } 40% { filter: brightness(1.3) drop-shadow(0 0 10px rgba(255,255,255,0.6)); opacity: 1; } 50% { filter: brightness(2) drop-shadow(0 0 25px rgba(255,255,255,0.9)); opacity: 1; } 60% { filter: brightness(1.3) drop-shadow(0 0 10px rgba(255,255,255,0.6)); opacity: 1; } } /* Responsivo */ @media(max-width: 767px){ .imagem{ width: 8vw; transform: translateX(-20px) translateY(0px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1a35991 */.container{ backdrop-filter: blur(10px); border-radius: 50px; border: 1px solid #FF8500; background: rgba(15, 15, 15, 0.10); backdrop-filter: blur(16.32653045654297px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-111ee88 */.elementor-888 .elementor-element.elementor-element-111ee88{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cfb085d *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #FF8500; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #FFE4C7; /* Cor do texto do botão */ --shiny-cta-fg: #ffffff; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #FFE4C7; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-888 .elementor-element.elementor-element-cfb085d { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-888 .elementor-element.elementor-element-cfb085d { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-888 .elementor-element.elementor-element-cfb085d::before, .elementor-888 .elementor-element.elementor-element-cfb085d::after, .elementor-888 .elementor-element.elementor-element-cfb085d span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-888 .elementor-element.elementor-element-cfb085d::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-888 .elementor-element.elementor-element-cfb085d::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-888 .elementor-element.elementor-element-cfb085d span { z-index: 1; position: relative; } .elementor-888 .elementor-element.elementor-element-cfb085d span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-888 .elementor-element.elementor-element-cfb085d:hover, .elementor-888 .elementor-element.elementor-element-cfb085d:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-888 .elementor-element.elementor-element-cfb085d, .elementor-888 .elementor-element.elementor-element-cfb085d::before, .elementor-888 .elementor-element.elementor-element-cfb085d::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-888 .elementor-element.elementor-element-cfb085d:hover, .elementor-888 .elementor-element.elementor-element-cfb085d:hover::before, .elementor-888 .elementor-element.elementor-element-cfb085d:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-71ee9e50 */.elementor-888 .elementor-element.elementor-element-71ee9e50 .swiper-wrapper{ transition-timing-function: linear !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-616fc152 *//*.elementor-888 .elementor-element.elementor-element-616fc152 { position: relative; z-index: 0; } .elementor-888 .elementor-element.elementor-element-616fc152::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 99; background: linear-gradient( to right, #000000FF 0%, #00000000 29%, #00000000 72%, #000000FF 100% ); }*//* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1f327c37 */.elementor-888 .elementor-element.elementor-element-1f327c37{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-16875991 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #FF8500; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #FFE4C7; /* Cor do texto do botão */ --shiny-cta-fg: #ffffff; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #FFE4C7; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-888 .elementor-element.elementor-element-16875991 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-888 .elementor-element.elementor-element-16875991 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-888 .elementor-element.elementor-element-16875991::before, .elementor-888 .elementor-element.elementor-element-16875991::after, .elementor-888 .elementor-element.elementor-element-16875991 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-888 .elementor-element.elementor-element-16875991::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-888 .elementor-element.elementor-element-16875991::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-888 .elementor-element.elementor-element-16875991 span { z-index: 1; position: relative; } .elementor-888 .elementor-element.elementor-element-16875991 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-888 .elementor-element.elementor-element-16875991:hover, .elementor-888 .elementor-element.elementor-element-16875991:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-888 .elementor-element.elementor-element-16875991, .elementor-888 .elementor-element.elementor-element-16875991::before, .elementor-888 .elementor-element.elementor-element-16875991::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-888 .elementor-element.elementor-element-16875991:hover, .elementor-888 .elementor-element.elementor-element-16875991:hover::before, .elementor-888 .elementor-element.elementor-element-16875991:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bb0ccb4 */.elementor-888 .elementor-element.elementor-element-bb0ccb4{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0e41d9b */.elementor-888 .elementor-element.elementor-element-0e41d9b{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-edba74b */.elementor-888 .elementor-element.elementor-element-edba74b{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-21a0978 */.elementor-888 .elementor-element.elementor-element-21a0978{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f44a6c7 */.elementor-888 .elementor-element.elementor-element-f44a6c7{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0435b1a */.elementor-888 .elementor-element.elementor-element-0435b1a{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4b35217 */.elementor-888 .elementor-element.elementor-element-4b35217{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0e50668 */.elementor-888 .elementor-element.elementor-element-0e50668{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c608df6 */.elementor-888 .elementor-element.elementor-element-c608df6{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-77f7660 */.elementor-888 .elementor-element.elementor-element-77f7660{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f5d1a73 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #FF8500; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #FFE4C7; /* Cor do texto do botão */ --shiny-cta-fg: #ffffff; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #FFE4C7; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-888 .elementor-element.elementor-element-f5d1a73 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-888 .elementor-element.elementor-element-f5d1a73 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-888 .elementor-element.elementor-element-f5d1a73::before, .elementor-888 .elementor-element.elementor-element-f5d1a73::after, .elementor-888 .elementor-element.elementor-element-f5d1a73 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-888 .elementor-element.elementor-element-f5d1a73::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-888 .elementor-element.elementor-element-f5d1a73::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-888 .elementor-element.elementor-element-f5d1a73 span { z-index: 1; position: relative; } .elementor-888 .elementor-element.elementor-element-f5d1a73 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-888 .elementor-element.elementor-element-f5d1a73:hover, .elementor-888 .elementor-element.elementor-element-f5d1a73:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-888 .elementor-element.elementor-element-f5d1a73, .elementor-888 .elementor-element.elementor-element-f5d1a73::before, .elementor-888 .elementor-element.elementor-element-f5d1a73::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-888 .elementor-element.elementor-element-f5d1a73:hover, .elementor-888 .elementor-element.elementor-element-f5d1a73:hover::before, .elementor-888 .elementor-element.elementor-element-f5d1a73:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */