.elementor-65061 .elementor-element.elementor-element-7976425{--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:space-between;--align-items:center;--gap:128px 20px;--row-gap:128px;--column-gap:20px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:-104px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:40px;--padding-right:40px;--z-index:100;}.elementor-65061 .elementor-element.elementor-element-7976425::before, .elementor-65061 .elementor-element.elementor-element-7976425 > .elementor-background-video-container::before, .elementor-65061 .elementor-element.elementor-element-7976425 > .e-con-inner > .elementor-background-video-container::before, .elementor-65061 .elementor-element.elementor-element-7976425 > .elementor-background-slideshow::before, .elementor-65061 .elementor-element.elementor-element-7976425 > .e-con-inner > .elementor-background-slideshow::before, .elementor-65061 .elementor-element.elementor-element-7976425 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #FFFFFF00 0%, #000000 100%);}.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-65061 .elementor-element.elementor-element-aca810e{width:var( --container-widget-width, 235px );max-width:235px;--container-widget-width:235px;--container-widget-flex-grow:0;text-align:start;}.elementor-65061 .elementor-element.elementor-element-aca810e img{width:100%;}.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-65061 .elementor-element.elementor-element-ae75fcf .elementor-button{background-color:#7E4EFA;font-family:"Maison Neue", Sans-serif;font-size:16px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:14px 28px 14px 28px;}.elementor-65061 .elementor-element.elementor-element-ae75fcf > .elementor-widget-container:hover{--e-transform-translateY:-4px;--e-transform-scale:1.02;}.elementor-65061 .elementor-element.elementor-element-ae75fcf .elementor-button-content-wrapper{flex-direction:row;}.elementor-65061 .elementor-element.elementor-element-ae75fcf .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-65061 .elementor-element.elementor-element-bf28f91{--display:flex;--min-height:920px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:32px 20px;--row-gap:32px;--column-gap:20px;--overlay-opacity:1;--padding-top:112px;--padding-bottom:0112px;--padding-left:64px;--padding-right:64px;}.elementor-65061 .elementor-element.elementor-element-bf28f91::before, .elementor-65061 .elementor-element.elementor-element-bf28f91 > .elementor-background-video-container::before, .elementor-65061 .elementor-element.elementor-element-bf28f91 > .e-con-inner > .elementor-background-video-container::before, .elementor-65061 .elementor-element.elementor-element-bf28f91 > .elementor-background-slideshow::before, .elementor-65061 .elementor-element.elementor-element-bf28f91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-65061 .elementor-element.elementor-element-bf28f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000AD 40%, var( --e-global-color-849e733 ) 90%);}.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-65061 .elementor-element.elementor-element-1d2797b{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-1d2797b > .elementor-widget-container:hover{--e-transform-translateY:-6px;}.elementor-65061 .elementor-element.elementor-element-1d2797b.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-1d2797b .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:72px;font-weight:700;text-transform:uppercase;line-height:80px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-bfec163{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-bfec163 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-bfec163.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-bfec163 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:28px;font-weight:500;line-height:36px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;line-height:22px;fill:#FFFFFF;color:#FFFFFF;padding:20px 44px 20px 44px;}.elementor-65061 .elementor-element.elementor-element-4581821{width:auto;max-width:auto;}.elementor-65061 .elementor-element.elementor-element-4581821.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button-content-wrapper{flex-direction:row;}.elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-65061 .elementor-element.elementor-element-0183d2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:080px 20px;--row-gap:080px;--column-gap:20px;--overlay-opacity:1;--padding-top:112px;--padding-bottom:0112px;--padding-left:64px;--padding-right:64px;}.elementor-65061 .elementor-element.elementor-element-0183d2b:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-0183d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/bg-01-resized.png");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-65061 .elementor-element.elementor-element-0183d2b::before, .elementor-65061 .elementor-element.elementor-element-0183d2b > .elementor-background-video-container::before, .elementor-65061 .elementor-element.elementor-element-0183d2b > .e-con-inner > .elementor-background-video-container::before, .elementor-65061 .elementor-element.elementor-element-0183d2b > .elementor-background-slideshow::before, .elementor-65061 .elementor-element.elementor-element-0183d2b > .e-con-inner > .elementor-background-slideshow::before, .elementor-65061 .elementor-element.elementor-element-0183d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 70%, var( --e-global-color-849e733 ) 100%);}.elementor-65061 .elementor-element.elementor-element-9fd1c82{width:auto;max-width:auto;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-9fd1c82.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:40px;font-weight:600;line-height:56px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-5259c2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-31aeed6{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-31aeed6 > .elementor-widget-container{margin:096px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-31aeed6.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-31aeed6 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-dd5a097{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-e278697{width:var( --container-widget-width, 510px );max-width:510px;--container-widget-width:510px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-e278697 > .elementor-widget-container{margin:64px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-e278697.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-e278697 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-fccc653{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-fccc653 > .elementor-widget-container{margin:096px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-fccc653.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-fccc653 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-06f60ab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-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-65061 .elementor-element.elementor-element-7dfa14e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-title{color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-description{font-family:"Maison Neue", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-f8308b8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-65061 .elementor-element.elementor-element-f8308b8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-65061 .elementor-element.elementor-element-f8308b8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-title{color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-description{font-family:"Maison Neue", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-e2c75d4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-title{color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-description{font-family:"Maison Neue", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-6236e8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:080px 20px;--row-gap:080px;--column-gap:20px;--padding-top:112px;--padding-bottom:0112px;--padding-left:64px;--padding-right:64px;}.elementor-65061 .elementor-element.elementor-element-2c92a27{width:auto;max-width:auto;text-align:start;}.elementor-65061 .elementor-element.elementor-element-2c92a27 > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-65061 .elementor-element.elementor-element-2c92a27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-2c92a27.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-2c92a27 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:40px;font-weight:600;line-height:56px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-ebb2e9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-ae23ec5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:72px 64px;--row-gap:72px;--column-gap:64px;--flex-wrap:wrap;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:#808080;--border-color:#808080;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:032px;--padding-left:32px;--padding-right:32px;}.elementor-65061 .elementor-element.elementor-element-ae23ec5:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-ae23ec5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/img-card-ep-01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-65061 .elementor-element.elementor-element-ae23ec5.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;padding:16px 32px 16px 32px;}.elementor-65061 .elementor-element.elementor-element-6244c44{width:auto;max-width:auto;top:5%;}.elementor-65061 .elementor-element.elementor-element-6244c44.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-65061 .elementor-element.elementor-element-6244c44{left:5%;}body.rtl .elementor-65061 .elementor-element.elementor-element-6244c44{right:5%;}.elementor-65061 .elementor-element.elementor-element-e033125{--display:flex;--min-height:280px;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-1dd58f3{width:var( --container-widget-width, 331px );max-width:331px;--container-widget-width:331px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-1dd58f3.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-1dd58f3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:48px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-9da372c{width:var( --container-widget-width, 470px );max-width:470px;--container-widget-width:470px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-9da372c.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-9da372c .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:26px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-9ed4e23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:72px 64px;--row-gap:72px;--column-gap:64px;--flex-wrap:wrap;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:#808080;--border-color:#808080;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:032px;--padding-left:32px;--padding-right:32px;}.elementor-65061 .elementor-element.elementor-element-9ed4e23:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-9ed4e23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/img-card-ep-02.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-65061 .elementor-element.elementor-element-9ed4e23.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;padding:16px 32px 16px 32px;}.elementor-65061 .elementor-element.elementor-element-e0d71bc{width:auto;max-width:auto;top:5%;}.elementor-65061 .elementor-element.elementor-element-e0d71bc.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-65061 .elementor-element.elementor-element-e0d71bc{left:5%;}body.rtl .elementor-65061 .elementor-element.elementor-element-e0d71bc{right:5%;}.elementor-65061 .elementor-element.elementor-element-65d8803{--display:flex;--min-height:280px;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-d5a89ea{width:var( --container-widget-width, 310px );max-width:310px;--container-widget-width:310px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-d5a89ea.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-d5a89ea .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:48px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-fc32329{width:var( --container-widget-width, 470px );max-width:470px;--container-widget-width:470px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-fc32329.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-fc32329 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:26px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-f0857fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:72px 64px;--row-gap:72px;--column-gap:64px;--flex-wrap:wrap;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:#808080;--border-color:#808080;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:032px;--padding-left:32px;--padding-right:32px;}.elementor-65061 .elementor-element.elementor-element-f0857fb:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-f0857fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/img-card-ep-03.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-65061 .elementor-element.elementor-element-f0857fb.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;padding:16px 32px 16px 32px;}.elementor-65061 .elementor-element.elementor-element-4bb0c48{width:auto;max-width:auto;top:5%;}.elementor-65061 .elementor-element.elementor-element-4bb0c48.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-65061 .elementor-element.elementor-element-4bb0c48{left:5%;}body.rtl .elementor-65061 .elementor-element.elementor-element-4bb0c48{right:5%;}.elementor-65061 .elementor-element.elementor-element-71775b9{--display:flex;--min-height:280px;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-621982b{width:var( --container-widget-width, 310px );max-width:310px;--container-widget-width:310px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-621982b.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-621982b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:48px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-ddf57f9{width:var( --container-widget-width, 448px );max-width:448px;--container-widget-width:448px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-ddf57f9.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-ddf57f9 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:26px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-65a7d9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:72px 64px;--row-gap:72px;--column-gap:64px;--flex-wrap:wrap;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:#808080;--border-color:#808080;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:032px;--padding-left:32px;--padding-right:32px;}.elementor-65061 .elementor-element.elementor-element-65a7d9b:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-65a7d9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/img-card-ep-04.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-65061 .elementor-element.elementor-element-65a7d9b.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;padding:16px 32px 16px 32px;}.elementor-65061 .elementor-element.elementor-element-3e03930{width:auto;max-width:auto;top:5%;}.elementor-65061 .elementor-element.elementor-element-3e03930.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-65061 .elementor-element.elementor-element-3e03930{left:5%;}body.rtl .elementor-65061 .elementor-element.elementor-element-3e03930{right:5%;}.elementor-65061 .elementor-element.elementor-element-4f509e2{--display:flex;--min-height:240px;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-904ad1c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-904ad1c.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-31ecf7d{width:var( --container-widget-width, 470px );max-width:470px;--container-widget-width:470px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-31ecf7d.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-31ecf7d .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:26px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-e9fe9ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:112px;--padding-bottom:0112px;--padding-left:64px;--padding-right:64px;}.elementor-65061 .elementor-element.elementor-element-6b5ff13{--display:flex;}.elementor-65061 .elementor-element.elementor-element-1a1d3e7{--display:flex;}.elementor-65061 .elementor-element.elementor-element-00ccb52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:080px 20px;--row-gap:080px;--column-gap:20px;--padding-top:112px;--padding-bottom:0112px;--padding-left:64px;--padding-right:64px;}.elementor-65061 .elementor-element.elementor-element-768be43{width:auto;max-width:auto;text-align:start;}.elementor-65061 .elementor-element.elementor-element-768be43 > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-65061 .elementor-element.elementor-element-768be43 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-768be43.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-768be43 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:40px;font-weight:600;line-height:56px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-afeba21{--display:flex;--min-height:590px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:72px 64px;--row-gap:72px;--column-gap:64px;--flex-wrap:wrap;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:#585858;--border-color:#585858;--border-radius:18px 18px 18px 18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-afeba21:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-afeba21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/img-section-lock-t.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-65061 .elementor-element.elementor-element-afeba21.e-con:hover{--e-con-transform-translateY:-3px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-65061 .elementor-element.elementor-element-81de6e2.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-81de6e2 .elementor-icon-wrapper{text-align:center;}.elementor-65061 .elementor-element.elementor-element-72a918b{width:auto;max-width:auto;bottom:10%;}.elementor-65061 .elementor-element.elementor-element-72a918b.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-65061 .elementor-element.elementor-element-72a918b{left:5%;}body.rtl .elementor-65061 .elementor-element.elementor-element-72a918b{right:5%;}.elementor-65061 .elementor-element.elementor-element-72a918b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:26px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-d2b4cee{--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:flex-start;--align-items:center;--gap:080px 20px;--row-gap:080px;--column-gap:20px;--padding-top:112px;--padding-bottom:200px;--padding-left:64px;--padding-right:64px;}.elementor-65061 .elementor-element.elementor-element-d2b4cee:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-d2b4cee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/bg-footer-t.png");background-position:bottom left;background-repeat:no-repeat;}.elementor-65061 .elementor-element.elementor-element-d2b4cee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-65061 .elementor-element.elementor-element-347a31f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-0e1eadd{width:auto;max-width:auto;text-align:start;}.elementor-65061 .elementor-element.elementor-element-0e1eadd > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-65061 .elementor-element.elementor-element-0e1eadd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-0e1eadd.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-0e1eadd .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:40px;font-weight:600;line-height:56px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-22dbddf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-65061 .elementor-element.elementor-element-22dbddf.e-con{--align-self:flex-start;}.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-65061 .elementor-element.elementor-element-1ae0686{--divider-border-style:solid;--divider-color:#9999993D;--divider-border-width:2px;top:28px;z-index:0;}body:not(.rtl) .elementor-65061 .elementor-element.elementor-element-1ae0686{left:20px;}body.rtl .elementor-65061 .elementor-element.elementor-element-1ae0686{right:20px;}.elementor-65061 .elementor-element.elementor-element-1ae0686 .elementor-divider-separator{width:100%;}.elementor-65061 .elementor-element.elementor-element-1ae0686 .elementor-divider{padding-block-start:9px;padding-block-end:9px;}.elementor-65061 .elementor-element.elementor-element-b5a40fe{--display:flex;}.elementor-65061 .elementor-element.elementor-element-28f20b8{--display:flex;--gap:096px 20px;--row-gap:096px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;line-height:14px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-65061 .elementor-element.elementor-element-d89d8e8{width:var( --container-widget-width, 183px );max-width:183px;--container-widget-width:183px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-8e20a2f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-8e20a2f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-8e20a2f.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-8e20a2f .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-d3355c5{--display:flex;}.elementor-65061 .elementor-element.elementor-element-c06d170{--display:flex;--gap:096px 20px;--row-gap:096px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;line-height:14px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-65061 .elementor-element.elementor-element-35af484{width:var( --container-widget-width, 183px );max-width:183px;--container-widget-width:183px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-0b073ff{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-0b073ff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-0b073ff.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-0b073ff .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-0a00a66{--display:flex;}.elementor-65061 .elementor-element.elementor-element-3755dc6{--display:flex;--gap:096px 20px;--row-gap:096px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;line-height:14px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-65061 .elementor-element.elementor-element-03e9fc7{width:var( --container-widget-width, 183px );max-width:183px;--container-widget-width:183px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-e0c6cba{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-e0c6cba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-e0c6cba.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-e0c6cba .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-bb76a8b{--display:flex;}.elementor-65061 .elementor-element.elementor-element-e6c83f7{--display:flex;--gap:096px 20px;--row-gap:096px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{background-color:#61CE7000;font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:600;line-height:14px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-65061 .elementor-element.elementor-element-06836ab{width:var( --container-widget-width, 183px );max-width:183px;--container-widget-width:183px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-af10509{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-af10509 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-af10509.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-af10509 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-e48c709{--display:flex;}.elementor-65061 .elementor-element.elementor-element-5d8adc2{--display:flex;--gap:096px 20px;--row-gap:096px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;line-height:14px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-65061 .elementor-element.elementor-element-ec67e4a{width:var( --container-widget-width, 220px );max-width:220px;--container-widget-width:220px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-1d8d435{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-1d8d435 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-1d8d435.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-1d8d435 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-65061 .elementor-element.elementor-element-5f8518c{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:64px;width:100%;max-width:100%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-32px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-32px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:14px;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-swiper-pagination-spacing:40px;}.elementor-65061 .elementor-element.elementor-element-5f8518c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-5f8518c .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;}.elementor-65061 .elementor-element.elementor-element-3fa1b4c{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-2d3c311{width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-2d3c311.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-2d3c311 img{width:100%;}.elementor-65061 .elementor-element.elementor-element-694dfd3{width:var( --container-widget-width, 325px );max-width:325px;--container-widget-width:325px;--container-widget-flex-grow:0;text-align:center;}.elementor-65061 .elementor-element.elementor-element-694dfd3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-694dfd3.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-694dfd3 .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:16px;font-weight:500;line-height:32px;color:#FFFFFF;}body.elementor-page-65061:not(.elementor-motion-effects-element-type-background), body.elementor-page-65061 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-849e733 );}@media(min-width:768px){.elementor-65061 .elementor-element.elementor-element-7976425{--content-width:1660px;}.elementor-65061 .elementor-element.elementor-element-bf28f91{--content-width:1440px;}.elementor-65061 .elementor-element.elementor-element-0183d2b{--content-width:1440px;}.elementor-65061 .elementor-element.elementor-element-dd5a097{--width:884px;}.elementor-65061 .elementor-element.elementor-element-6236e8c{--content-width:1440px;}.elementor-65061 .elementor-element.elementor-element-ae23ec5{--width:48.4%;}.elementor-65061 .elementor-element.elementor-element-9ed4e23{--width:48.4%;}.elementor-65061 .elementor-element.elementor-element-f0857fb{--width:48.4%;}.elementor-65061 .elementor-element.elementor-element-65a7d9b{--width:48.4%;}.elementor-65061 .elementor-element.elementor-element-00ccb52{--content-width:1440px;}.elementor-65061 .elementor-element.elementor-element-afeba21{--width:100%;}.elementor-65061 .elementor-element.elementor-element-d2b4cee{--content-width:1440px;}.elementor-65061 .elementor-element.elementor-element-347a31f{--width:100%;}.elementor-65061 .elementor-element.elementor-element-22dbddf{--width:100%;}.elementor-65061 .elementor-element.elementor-element-3fa1b4c{--width:1440px;}}@media(max-width:1366px) and (min-width:768px){.elementor-65061 .elementor-element.elementor-element-dd5a097{--width:760px;}.elementor-65061 .elementor-element.elementor-element-ae23ec5{--width:48%;}.elementor-65061 .elementor-element.elementor-element-9ed4e23{--width:48%;}.elementor-65061 .elementor-element.elementor-element-f0857fb{--width:48%;}.elementor-65061 .elementor-element.elementor-element-65a7d9b{--width:48%;}.elementor-65061 .elementor-element.elementor-element-afeba21{--width:100%;}.elementor-65061 .elementor-element.elementor-element-347a31f{--width:100%;}.elementor-65061 .elementor-element.elementor-element-22dbddf{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-65061 .elementor-element.elementor-element-7976425{--content-width:660px;}.elementor-65061 .elementor-element.elementor-element-bf28f91{--content-width:660px;}.elementor-65061 .elementor-element.elementor-element-0183d2b{--content-width:660px;}.elementor-65061 .elementor-element.elementor-element-5259c2f{--width:660px;}.elementor-65061 .elementor-element.elementor-element-dd5a097{--width:660px;}.elementor-65061 .elementor-element.elementor-element-06f60ab{--width:660px;}.elementor-65061 .elementor-element.elementor-element-6236e8c{--content-width:660px;}.elementor-65061 .elementor-element.elementor-element-ae23ec5{--width:100%;}.elementor-65061 .elementor-element.elementor-element-9ed4e23{--width:100%;}.elementor-65061 .elementor-element.elementor-element-f0857fb{--width:100%;}.elementor-65061 .elementor-element.elementor-element-65a7d9b{--width:100%;}.elementor-65061 .elementor-element.elementor-element-00ccb52{--content-width:660px;}.elementor-65061 .elementor-element.elementor-element-afeba21{--width:100%;}.elementor-65061 .elementor-element.elementor-element-d2b4cee{--content-width:660px;}.elementor-65061 .elementor-element.elementor-element-347a31f{--width:660px;}.elementor-65061 .elementor-element.elementor-element-22dbddf{--width:100%;}}@media(max-width:1366px){.elementor-65061 .elementor-element.elementor-element-7976425{--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-65061 .elementor-element.elementor-element-bf28f91{--min-height:880px;--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-65061 .elementor-element.elementor-element-1d2797b{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}.elementor-65061 .elementor-element.elementor-element-1d2797b .elementor-heading-title{font-size:56px;line-height:64px;}.elementor-65061 .elementor-element.elementor-element-bfec163{--container-widget-width:540px;--container-widget-flex-grow:0;width:var( --container-widget-width, 540px );max-width:540px;}.elementor-65061 .elementor-element.elementor-element-bfec163 .elementor-heading-title{font-size:28px;line-height:36px;}.elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-0183d2b{--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 .elementor-heading-title{font-size:34px;line-height:48px;}.elementor-65061 .elementor-element.elementor-element-5259c2f{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-65061 .elementor-element.elementor-element-31aeed6 > .elementor-widget-container{margin:72px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-31aeed6 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-e278697 > .elementor-widget-container{margin:48px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-e278697 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-fccc653 > .elementor-widget-container{margin:72px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-fccc653 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-06f60ab{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-65061 .elementor-element.elementor-element-6236e8c{--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-65061 .elementor-element.elementor-element-2c92a27 .elementor-heading-title{font-size:34px;line-height:48px;}.elementor-65061 .elementor-element.elementor-element-ebb2e9c{--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:48px 20px;--row-gap:48px;--column-gap:20px;--flex-wrap:wrap;}.elementor-65061 .elementor-element.elementor-element-ae23ec5{--justify-content:flex-end;--padding-top:128px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-1dd58f3{--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;}.elementor-65061 .elementor-element.elementor-element-1dd58f3 .elementor-heading-title{font-size:36px;}.elementor-65061 .elementor-element.elementor-element-9da372c .elementor-heading-title{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-9ed4e23{--justify-content:flex-end;--padding-top:128px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-d5a89ea{--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;}.elementor-65061 .elementor-element.elementor-element-d5a89ea .elementor-heading-title{font-size:36px;}.elementor-65061 .elementor-element.elementor-element-fc32329 .elementor-heading-title{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-f0857fb{--justify-content:flex-end;--padding-top:128px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-621982b{--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;}.elementor-65061 .elementor-element.elementor-element-621982b .elementor-heading-title{font-size:36px;}.elementor-65061 .elementor-element.elementor-element-ddf57f9 .elementor-heading-title{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-65a7d9b{--justify-content:flex-end;--padding-top:128px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-31ecf7d .elementor-heading-title{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-00ccb52{--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-65061 .elementor-element.elementor-element-768be43 .elementor-heading-title{font-size:34px;line-height:48px;}.elementor-65061 .elementor-element.elementor-element-afeba21{--min-height:460px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-72a918b .elementor-heading-title{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-d2b4cee{--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-65061 .elementor-element.elementor-element-347a31f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-0e1eadd .elementor-heading-title{font-size:34px;line-height:48px;}.elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-8e20a2f .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-0b073ff .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-e0c6cba .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-af10509 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-1d8d435 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-65061 .elementor-element.elementor-element-3fa1b4c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-694dfd3 .elementor-heading-title{font-size:16px;line-height:24px;}}@media(max-width:1024px){.elementor-65061 .elementor-element.elementor-element-7976425{--justify-content:space-between;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-bf28f91{--min-height:860px;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-1d2797b{--container-widget-width:460px;--container-widget-flex-grow:0;width:var( --container-widget-width, 460px );max-width:460px;}.elementor-65061 .elementor-element.elementor-element-1d2797b .elementor-heading-title{font-size:44px;line-height:52px;}.elementor-65061 .elementor-element.elementor-element-bfec163 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-bfec163{--container-widget-width:520px;--container-widget-flex-grow:0;width:var( --container-widget-width, 520px );max-width:520px;}.elementor-65061 .elementor-element.elementor-element-bfec163 .elementor-heading-title{font-size:24px;line-height:34px;}.elementor-65061 .elementor-element.elementor-element-0183d2b{--justify-content:center;--gap:48px 80px;--row-gap:48px;--column-gap:80px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-0183d2b:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-0183d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-65061 .elementor-element.elementor-element-9fd1c82{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:start;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-9fd1c82.elementor-element{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 .elementor-heading-title{font-size:30px;}.elementor-65061 .elementor-element.elementor-element-5259c2f{--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-65061 .elementor-element.elementor-element-31aeed6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-31aeed6{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-e278697 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-e278697{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-fccc653 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-fccc653{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-06f60ab{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-65061 .elementor-element.elementor-element-51ef66a img{width:100%;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-wrapper{text-align:start;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-title{margin-bottom:0px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-wrapper .elementor-image-box-img{width:20px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-description{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-wrapper{text-align:start;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-title{margin-bottom:0px;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-wrapper .elementor-image-box-img{width:20px;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-description{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-wrapper{text-align:start;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-title{margin-bottom:0px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-wrapper .elementor-image-box-img{width:20px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-description{font-size:18px;}.elementor-65061 .elementor-element.elementor-element-6236e8c{--justify-content:center;--gap:48px 80px;--row-gap:48px;--column-gap:80px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-2c92a27{width:auto;max-width:auto;text-align:start;}.elementor-65061 .elementor-element.elementor-element-2c92a27 .elementor-heading-title{font-size:30px;}.elementor-65061 .elementor-element.elementor-element-ebb2e9c{--gap:20px 020px;--row-gap:20px;--column-gap:020px;}.elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button{line-height:16px;}.elementor-65061 .elementor-element.elementor-element-e033125{--min-height:240px;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button{line-height:16px;}.elementor-65061 .elementor-element.elementor-element-65d8803{--min-height:220px;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button{line-height:16px;}.elementor-65061 .elementor-element.elementor-element-71775b9{--min-height:220px;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button{line-height:16px;}.elementor-65061 .elementor-element.elementor-element-4f509e2{--min-height:220px;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-65061 .elementor-element.elementor-element-00ccb52{--justify-content:center;--gap:48px 80px;--row-gap:48px;--column-gap:80px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-768be43{width:auto;max-width:auto;text-align:center;}.elementor-65061 .elementor-element.elementor-element-768be43 .elementor-heading-title{font-size:30px;}.elementor-65061 .elementor-element.elementor-element-afeba21{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-81de6e2.elementor-element{--align-self:center;}.elementor-65061 .elementor-element.elementor-element-d2b4cee{--justify-content:center;--gap:48px 80px;--row-gap:48px;--column-gap:80px;--padding-top:80px;--padding-bottom:128px;--padding-left:020px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-d2b4cee:not(.elementor-motion-effects-element-type-background), .elementor-65061 .elementor-element.elementor-element-d2b4cee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-65061 .elementor-element.elementor-element-0e1eadd{width:auto;max-width:auto;text-align:center;}.elementor-65061 .elementor-element.elementor-element-0e1eadd .elementor-heading-title{font-size:30px;}.elementor-65061 .elementor-element.elementor-element-22dbddf{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-65061 .elementor-element.elementor-element-22dbddf.e-con{--align-self:flex-end;}.elementor-65061 .elementor-element.elementor-element-8e20a2f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-8e20a2f{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-0b073ff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-0b073ff{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-e0c6cba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-e0c6cba{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-af10509 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-af10509{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-1d8d435 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-1d8d435{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-65061 .elementor-element.elementor-element-5f8518c{--e-n-carousel-swiper-slides-to-display:2;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-65061 .elementor-element.elementor-element-5f8518c.elementor-element{--align-self:flex-end;}.elementor-65061 .elementor-element.elementor-element-3fa1b4c{--padding-top:096px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-694dfd3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65061 .elementor-element.elementor-element-694dfd3{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-65061 .elementor-element.elementor-element-7976425{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-65061 .elementor-element.elementor-element-aca810e{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;}.elementor-65061 .elementor-element.elementor-element-ae75fcf .elementor-button{font-size:13px;padding:14px 22px 14px 22px;}.elementor-65061 .elementor-element.elementor-element-bf28f91{--min-height:782px;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:144px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-1d2797b .elementor-heading-title{font-size:48px;}.elementor-65061 .elementor-element.elementor-element-bfec163 .elementor-heading-title{font-size:20px;line-height:30px;}.elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button{font-size:16px;line-height:16px;padding:20px 32px 20px 32px;}.elementor-65061 .elementor-element.elementor-element-0183d2b{--content-width:600px;--justify-content:flex-end;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-9fd1c82{text-align:start;}.elementor-65061 .elementor-element.elementor-element-9fd1c82 .elementor-heading-title{line-height:38px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-img{margin-bottom:15px;}.elementor-65061 .elementor-element.elementor-element-7dfa14e .elementor-image-box-wrapper .elementor-image-box-img{width:20px;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-img{margin-bottom:15px;}.elementor-65061 .elementor-element.elementor-element-f8308b8 .elementor-image-box-wrapper .elementor-image-box-img{width:20px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-img{margin-bottom:15px;}.elementor-65061 .elementor-element.elementor-element-e2c75d4 .elementor-image-box-wrapper .elementor-image-box-img{width:20px;}.elementor-65061 .elementor-element.elementor-element-6236e8c{--content-width:600px;--justify-content:flex-end;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-2c92a27{text-align:start;}.elementor-65061 .elementor-element.elementor-element-2c92a27 .elementor-heading-title{line-height:38px;}.elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button{font-size:14px;}.elementor-65061 .elementor-element.elementor-element-e033125{--min-height:240px;}.elementor-65061 .elementor-element.elementor-element-1dd58f3 .elementor-heading-title{font-size:32px;}.elementor-65061 .elementor-element.elementor-element-9da372c .elementor-heading-title{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button{font-size:14px;}.elementor-65061 .elementor-element.elementor-element-65d8803{--min-height:240px;}.elementor-65061 .elementor-element.elementor-element-d5a89ea .elementor-heading-title{font-size:32px;}.elementor-65061 .elementor-element.elementor-element-fc32329 .elementor-heading-title{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button{font-size:14px;}.elementor-65061 .elementor-element.elementor-element-71775b9{--min-height:240px;}.elementor-65061 .elementor-element.elementor-element-621982b .elementor-heading-title{font-size:32px;}.elementor-65061 .elementor-element.elementor-element-ddf57f9 .elementor-heading-title{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button{font-size:14px;}.elementor-65061 .elementor-element.elementor-element-4f509e2{--min-height:220px;}.elementor-65061 .elementor-element.elementor-element-31ecf7d .elementor-heading-title{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-e9fe9ca{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-6b5ff13{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-00ccb52{--content-width:600px;--justify-content:flex-end;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-768be43{text-align:start;}.elementor-65061 .elementor-element.elementor-element-768be43 .elementor-heading-title{line-height:38px;}.elementor-65061 .elementor-element.elementor-element-afeba21{--min-height:358px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-72a918b .elementor-heading-title{font-size:16px;}.elementor-65061 .elementor-element.elementor-element-d2b4cee{--content-width:600px;--justify-content:flex-end;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:64px;--padding-bottom:128px;--padding-left:20px;--padding-right:0px;}.elementor-65061 .elementor-element.elementor-element-347a31f{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-65061 .elementor-element.elementor-element-0e1eadd{width:var( --container-widget-width, 290px );max-width:290px;--container-widget-width:290px;--container-widget-flex-grow:0;text-align:start;}.elementor-65061 .elementor-element.elementor-element-0e1eadd .elementor-heading-title{line-height:38px;}.elementor-65061 .elementor-element.elementor-element-22dbddf.e-con{--align-self:flex-start;}.elementor-65061 .elementor-element.elementor-element-1ae0686{top:24px;}.elementor-65061 .elementor-element.elementor-element-5f8518c{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:40px;--e-n-carousel-arrow-prev-left-position:-32px;}.elementor-65061 .elementor-element.elementor-element-3fa1b4c{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}}/* Start custom CSS for heading, class: .elementor-element-bfec163 */.elementor-65061 .elementor-element.elementor-element-bfec163 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4581821 */span.elementor-button-text { margin-bottom: -6px; } /* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-4581821 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9fd1c82 */.elementor-65061 .elementor-element.elementor-element-9fd1c82 { border-left: 6px solid transparent; /* largura da borda */ padding-left: 10px; /* ajuste conforme necessário */ border-image: linear-gradient( 180deg, #9a2cf0 0%, #5a66ff 50%, #8b71ff 100% ) 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31aeed6 */.elementor-65061 .elementor-element.elementor-element-31aeed6 span{ color: #7E4EFA; font-weight: 700; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7dfa14e */.elementor-65061 .elementor-element.elementor-element-7dfa14e span{ color: #7E4EFA; font-weight: 700; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-f8308b8 */.elementor-65061 .elementor-element.elementor-element-f8308b8 span{ color: #7E4EFA; font-weight: 700; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2c75d4 */.elementor-65061 .elementor-element.elementor-element-e2c75d4 span{ color: #7E4EFA; font-weight: 700; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183d2b *//*Tablet*/ @media screen and (min-width: 768px) and (max-width: 1024px){ .elementor-64580 .elementor-element.elementor-element-0183d2b::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .elementor-background-video-container::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .e-con-inner > .elementor-background-video-container::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .elementor-background-slideshow::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .e-con-inner > .elementor-background-slideshow::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before { background-color: transparent; --background-overlay: ''; background-image: linear-gradient(180deg, #00000000 50%, var(--e-global-color-849e733) 100%); } } /*Smartphone*/ @media screen and (max-width: 767px){ .elementor-64580 .elementor-element.elementor-element-0183d2b::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .elementor-background-video-container::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .e-con-inner > .elementor-background-video-container::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .elementor-background-slideshow::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .e-con-inner > .elementor-background-slideshow::before, .elementor-64580 .elementor-element.elementor-element-0183d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before { background-color: transparent; --background-overlay: ''; background-image: linear-gradient(180deg, #00000000 50%, var(--e-global-color-849e733) 100%); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2c92a27 */.elementor-65061 .elementor-element.elementor-element-2c92a27 { border-left: 6px solid transparent; /* largura da borda */ padding-left: 10px; /* ajuste conforme necessário */ border-image: linear-gradient( 180deg, #9a2cf0 0%, #5a66ff 50%, #8b71ff 100% ) 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6244c44 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-6244c44 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e0d71bc *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-e0d71bc .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4bb0c48 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-4bb0c48 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3e03930 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-3e03930 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-768be43 */.elementor-65061 .elementor-element.elementor-element-768be43 { border-left: 6px solid transparent; /* largura da borda */ padding-left: 10px; /* ajuste conforme necessário */ border-image: linear-gradient( 180deg, #9a2cf0 0%, #5a66ff 50%, #8b71ff 100% ) 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0e1eadd */.elementor-65061 .elementor-element.elementor-element-0e1eadd { border-left: 6px solid transparent; /* largura da borda */ padding-left: 10px; /* ajuste conforme necessário */ border-image: linear-gradient( 180deg, #9a2cf0 0%, #5a66ff 50%, #8b71ff 100% ) 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d89d8e8 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e20a2f */.elementor-65061 .elementor-element.elementor-element-8e20a2f span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35af484 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b073ff */.elementor-65061 .elementor-element.elementor-element-0b073ff span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-03e9fc7 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e0c6cba */.elementor-65061 .elementor-element.elementor-element-e0c6cba span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06836ab *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af10509 */.elementor-65061 .elementor-element.elementor-element-af10509 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec67e4a *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d8d435 */.elementor-65061 .elementor-element.elementor-element-1d8d435 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d89d8e8 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e20a2f */.elementor-65061 .elementor-element.elementor-element-8e20a2f span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35af484 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b073ff */.elementor-65061 .elementor-element.elementor-element-0b073ff span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-03e9fc7 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e0c6cba */.elementor-65061 .elementor-element.elementor-element-e0c6cba span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06836ab *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af10509 */.elementor-65061 .elementor-element.elementor-element-af10509 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec67e4a *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d8d435 */.elementor-65061 .elementor-element.elementor-element-1d8d435 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d89d8e8 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e20a2f */.elementor-65061 .elementor-element.elementor-element-8e20a2f span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35af484 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b073ff */.elementor-65061 .elementor-element.elementor-element-0b073ff span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-03e9fc7 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e0c6cba */.elementor-65061 .elementor-element.elementor-element-e0c6cba span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06836ab *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af10509 */.elementor-65061 .elementor-element.elementor-element-af10509 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec67e4a *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d8d435 */.elementor-65061 .elementor-element.elementor-element-1d8d435 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d89d8e8 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e20a2f */.elementor-65061 .elementor-element.elementor-element-8e20a2f span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35af484 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b073ff */.elementor-65061 .elementor-element.elementor-element-0b073ff span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-03e9fc7 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e0c6cba */.elementor-65061 .elementor-element.elementor-element-e0c6cba span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06836ab *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af10509 */.elementor-65061 .elementor-element.elementor-element-af10509 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec67e4a *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d8d435 */.elementor-65061 .elementor-element.elementor-element-1d8d435 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d89d8e8 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e20a2f */.elementor-65061 .elementor-element.elementor-element-8e20a2f span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35af484 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b073ff */.elementor-65061 .elementor-element.elementor-element-0b073ff span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-03e9fc7 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e0c6cba */.elementor-65061 .elementor-element.elementor-element-e0c6cba span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06836ab *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af10509 */.elementor-65061 .elementor-element.elementor-element-af10509 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec67e4a *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d8d435 */.elementor-65061 .elementor-element.elementor-element-1d8d435 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d89d8e8 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-d89d8e8 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e20a2f */.elementor-65061 .elementor-element.elementor-element-8e20a2f span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35af484 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-35af484 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b073ff */.elementor-65061 .elementor-element.elementor-element-0b073ff span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-03e9fc7 *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-03e9fc7 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e0c6cba */.elementor-65061 .elementor-element.elementor-element-e0c6cba span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06836ab *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-06836ab .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af10509 */.elementor-65061 .elementor-element.elementor-element-af10509 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec67e4a *//* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button .elementor-button-text, .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { transform: translateY(-2px); } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65061 .elementor-element.elementor-element-ec67e4a .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1d8d435 */.elementor-65061 .elementor-element.elementor-element-1d8d435 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-694dfd3 */.elementor-65061 .elementor-element.elementor-element-694dfd3 span{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b298a47 *//*Efeito Surgir*/ .scroll-top{ opacity: 0; transition: 1s all; transform: translate(0, -30px); } .scroll-bottom{ opacity: 0; transition: 1s all; transform: translate(0, 30px); } .scroll-left{ opacity: 0; transition: 1s all; transform: translate(-30px, 0); } .scroll-right{ opacity: 0; transition: 1s all; transform: translate(30px, 0); } .ativo{ opacity: 1; transition: 1s all; transform: translate(0, 0); }/* End custom CSS */ /* Start custom CSS */h1, h2, h3, h4, h5, h6 { margin-block-end: 0rem; margin-block-start: 0rem; } *::selection{ color: #fff; background: #7E4EFA; } body::-webkit-scrollbar{ width: 11px; } body::-webkit-scrollbar-track{ background-color: #000; } body::-webkit-scrollbar-thumb{ background-color: #7E4EFA !important; border-radius: 3px; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Maison Neue'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://mutant.com.br/wp-content/uploads/2025/11/fonnts.com-Maison_Neue_Book.ttf') format('truetype'); } @font-face { font-family: 'Maison Neue'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://mutant.com.br/wp-content/uploads/2025/11/fonnts.com-Maison_Neue_Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */