.elementor-331 .elementor-element.elementor-element-aafa169{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.87;--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-331 .elementor-element.elementor-element-aafa169:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-aafa169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#351054;background-image:url("https://meuclubedeescrita.com/wp-content/uploads/2026/03/compressed_desk.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-331 .elementor-element.elementor-element-aafa169::before, .elementor-331 .elementor-element.elementor-element-aafa169 > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-aafa169 > .e-con-inner > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-aafa169 > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-aafa169 > .e-con-inner > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-aafa169 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-331 .elementor-element.elementor-element-baa4fef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:100px;--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-331 .elementor-element.elementor-element-92ab221{width:var( --container-widget-width, 91% );max-width:91%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:91%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-position-right .elementor-image-box-img{margin-left:11px;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-position-left .elementor-image-box-img{margin-right:11px;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-position-top .elementor-image-box-img{margin-bottom:11px;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-wrapper .elementor-image-box-img{width:11%;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-title{font-family:"Sanchez", Sans-serif;font-size:75px;font-weight:500;line-height:75px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-92ab221:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-92ab221:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-ba2df95{--display:flex;--min-height:581px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--overlay-opacity:0.13;--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-331 .elementor-element.elementor-element-ba2df95::before, .elementor-331 .elementor-element.elementor-element-ba2df95 > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-ba2df95 > .e-con-inner > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-ba2df95 > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-ba2df95 > .e-con-inner > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-ba2df95 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#4B316B;--background-overlay:'';}.elementor-331 .elementor-element.elementor-element-0f83c03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-0f83c03:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-0f83c03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-5e4753b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-11d1eaf{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 11px 42px 17px rgba(0, 0, 0, 0.29);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-331 .elementor-element.elementor-element-11d1eaf:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-11d1eaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-331 .elementor-element.elementor-element-9426793{width:var( --container-widget-width, 69% );max-width:69%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:69%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-9426793.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-9426793 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-9426793 .elementor-image-box-title{font-family:"Sanchez", Sans-serif;font-size:75px;font-weight:500;line-height:75px;color:#1D1D1D;}.elementor-331 .elementor-element.elementor-element-9426793:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-9426793:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-9426793 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#1D1D1D;}.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-331 .elementor-element.elementor-element-fa908f7 .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-fa908f7.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-c2d1512{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 11px 42px 17px rgba(0, 0, 0, 0.29);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-331 .elementor-element.elementor-element-c2d1512:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-c2d1512 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-331 .elementor-element.elementor-element-4d68200{width:var( --container-widget-width, 69% );max-width:69%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:69%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-4d68200.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-4d68200 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-4d68200 .elementor-image-box-title{font-family:"Sanchez", Sans-serif;font-size:75px;font-weight:500;line-height:75px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-4d68200:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-4d68200:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-4d68200 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#1D1D1D;}.elementor-331 .elementor-element.elementor-element-aeebf76 .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-aeebf76.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-cd6e05b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-cd6e05b:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-cd6e05b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-e3fd64d{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-331 .elementor-element.elementor-element-e3fd64d:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-e3fd64d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-23b1713{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-23b1713 .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-23b1713 .elementor-image-box-title{margin-bottom:0px;font-family:"Sanchez", Sans-serif;font-size:60px;font-weight:500;line-height:64px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-23b1713:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-23b1713:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-23b1713 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-331 .elementor-element.elementor-element-932df0f{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-932df0f.elementor-element{--align-self:flex-start;}.elementor-331 .elementor-element.elementor-element-51f8750{--display:flex;--justify-content:center;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:-45px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-73652f8{--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-331 .elementor-element.elementor-element-6950ec9{--display:flex;--border-radius:15px 15px 15px 15px;--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-331 .elementor-element.elementor-element-6950ec9:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-6950ec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B316B 0%, #1F0D36 100%);}.elementor-331 .elementor-element.elementor-element-f48be11{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-331 .elementor-element.elementor-element-f48be11.e-con{--align-self:center;}.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-331 .elementor-element.elementor-element-4cb2347{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-4cb2347.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-4cb2347 .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-752fc9b{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-752fc9b.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-752fc9b .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-6529105{width:var( --container-widget-width, 81% );max-width:81%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-d7cb4ba .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-d7cb4ba.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-cea5900{--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-331 .elementor-element.elementor-element-4129df9{--display:flex;--border-radius:15px 15px 15px 15px;--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-331 .elementor-element.elementor-element-4129df9:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-4129df9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B316B 0%, #1F0D36 100%);}.elementor-331 .elementor-element.elementor-element-a8a6047{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-a8a6047.e-con{--align-self:center;}.elementor-331 .elementor-element.elementor-element-1cee214{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-1cee214.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-1cee214 .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-49abef4{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-49abef4.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-49abef4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-b68ca0d{width:var( --container-widget-width, 81% );max-width:81%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-c34d9aa .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-c34d9aa.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-6bef5b7{--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-331 .elementor-element.elementor-element-19b1587{--display:flex;--border-radius:15px 15px 15px 15px;--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-331 .elementor-element.elementor-element-19b1587:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-19b1587 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B316B 0%, #1F0D36 100%);}.elementor-331 .elementor-element.elementor-element-603c77d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-603c77d.e-con{--align-self:center;}.elementor-331 .elementor-element.elementor-element-fc692ee{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-fc692ee.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-fc692ee .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-f3487b4{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-f3487b4.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-f3487b4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-0ba3825{width:var( --container-widget-width, 81% );max-width:81%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-d92ab28 .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-d92ab28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;}.elementor-331 .elementor-element.elementor-element-d92ab28.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-44b88f1{--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-331 .elementor-element.elementor-element-32ce118{--display:flex;--border-radius:15px 15px 15px 15px;--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-331 .elementor-element.elementor-element-32ce118:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-32ce118 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B316B 0%, #1F0D36 100%);}.elementor-331 .elementor-element.elementor-element-dd9a313{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-dd9a313.e-con{--align-self:center;}.elementor-331 .elementor-element.elementor-element-7368fbe{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-7368fbe.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-7368fbe .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-0cc5ab0{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-0cc5ab0.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-0cc5ab0 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-273bcf1{width:var( --container-widget-width, 81% );max-width:81%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-1f1eb5f .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-1f1eb5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 40px 15px 40px;}.elementor-331 .elementor-element.elementor-element-1f1eb5f.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-b30bf7e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:60px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--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:0px;--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:0px;--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:25px;--e-n-carousel-arrow-normal-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-15a727a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-15a727a:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-15a727a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-5c9512a{--display:flex;--justify-content:center;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-45px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-b821552{--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-331 .elementor-element.elementor-element-8bad642{--display:flex;--border-radius:15px 15px 15px 15px;--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-331 .elementor-element.elementor-element-8bad642:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-8bad642 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B316B 0%, #1F0D36 100%);}.elementor-331 .elementor-element.elementor-element-f6b81fb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-331 .elementor-element.elementor-element-f6b81fb.e-con{--align-self:center;}.elementor-331 .elementor-element.elementor-element-ba44ac9{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-ba44ac9.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-ba44ac9 .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-bb73e9f{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-bb73e9f.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-bb73e9f .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-566f9c6{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-a286360 .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-a286360.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-fc56c5c{--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-331 .elementor-element.elementor-element-a98f3e6{--display:flex;--border-radius:15px 15px 15px 15px;--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-331 .elementor-element.elementor-element-a98f3e6:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-a98f3e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4B316B 0%, #1F0D36 100%);}.elementor-331 .elementor-element.elementor-element-123b64b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-331 .elementor-element.elementor-element-123b64b.e-con{--align-self:center;}.elementor-331 .elementor-element.elementor-element-b2cf29b{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-b2cf29b.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-b2cf29b .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-1fd875a{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-9d647bc .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-9d647bc.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-86c66e8{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:60px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--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:0px;--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:0px;--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:25px;--e-n-carousel-arrow-normal-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-cea2555{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:40px;}.elementor-331 .elementor-element.elementor-element-cea2555:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-cea2555 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-4f44f50{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-4f44f50 .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-4f44f50 .elementor-image-box-title{margin-bottom:0px;font-family:"Sanchez", Sans-serif;font-size:60px;font-weight:500;line-height:64px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-4f44f50:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-4f44f50:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-4f44f50 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-160a490{width:var( --container-widget-width, 96% );max-width:96%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:96%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-160a490.elementor-element{--align-self:flex-start;}.elementor-331 .elementor-element.elementor-element-e95d597{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-e95d597:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-e95d597 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-e589468{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-e589468.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-e589468 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-e589468 .elementor-image-box-title{margin-bottom:8px;font-family:"Sanchez", Sans-serif;font-size:60px;font-weight:500;line-height:75px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-e589468:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-e589468:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-e589468 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-1160bcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-a78b0f2{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:0px 22px 39px 0px rgba(0, 0, 0, 0.22);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-331 .elementor-element.elementor-element-a78b0f2:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-a78b0f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-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-331 .elementor-element.elementor-element-06bd0b2{width:var( --container-widget-width, 97% );max-width:97%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:97%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-06bd0b2.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-title{margin-block-end:0px;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-06bd0b2.elementor-view-stacked .elementor-icon{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-06bd0b2.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-06bd0b2.elementor-view-default .elementor-icon{fill:#E4544C;color:#E4544C;border-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-title a{font-family:"Sanchez", Sans-serif;font-size:28px;font-weight:500;line-height:31px;}.elementor-331 .elementor-element.elementor-element-06bd0b2:has(:hover) .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-06bd0b2:has(:focus) .elementor-icon-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-7987546{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:0px 22px 39px 0px rgba(0, 0, 0, 0.22);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-331 .elementor-element.elementor-element-7987546:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-7987546 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-9c0d253{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-title{margin-block-end:0px;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-9c0d253.elementor-view-stacked .elementor-icon{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-9c0d253.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-9c0d253.elementor-view-default .elementor-icon{fill:#E4544C;color:#E4544C;border-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-title a{font-family:"Sanchez", Sans-serif;font-size:28px;font-weight:500;line-height:31px;}.elementor-331 .elementor-element.elementor-element-9c0d253:has(:hover) .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-9c0d253:has(:focus) .elementor-icon-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-173cc25{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:0px 22px 39px 0px rgba(0, 0, 0, 0.22);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-331 .elementor-element.elementor-element-173cc25:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-173cc25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-22a3300{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-title{margin-block-end:0px;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-22a3300.elementor-view-stacked .elementor-icon{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-22a3300.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-22a3300.elementor-view-default .elementor-icon{fill:#E4544C;color:#E4544C;border-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-title a{font-family:"Sanchez", Sans-serif;font-size:28px;font-weight:500;line-height:31px;}.elementor-331 .elementor-element.elementor-element-22a3300:has(:hover) .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-22a3300:has(:focus) .elementor-icon-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-d797e7d{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:0px 22px 39px 0px rgba(0, 0, 0, 0.22);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-331 .elementor-element.elementor-element-d797e7d:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-d797e7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-df79bd2{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-title{margin-block-end:0px;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-df79bd2.elementor-view-stacked .elementor-icon{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-df79bd2.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-df79bd2.elementor-view-default .elementor-icon{fill:#E4544C;color:#E4544C;border-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-title a{font-family:"Sanchez", Sans-serif;font-size:28px;font-weight:500;line-height:31px;}.elementor-331 .elementor-element.elementor-element-df79bd2:has(:hover) .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-df79bd2:has(:focus) .elementor-icon-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-dfd46ed{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-dfd46ed.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-dfd46ed p{margin-block-end:0px;}.elementor-331 .elementor-element.elementor-element-7c5b94a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-7c5b94a:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-7c5b94a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-7c84531{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-331 .elementor-element.elementor-element-f34f265{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-331 .elementor-element.elementor-element-f34f265:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-f34f265 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-331 .elementor-element.elementor-element-0dba20f{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-331 .elementor-element.elementor-element-0dba20f .elementor-icon-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-stacked .elementor-icon{background-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-default .elementor-icon{color:#4B316B;border-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-default .elementor-icon svg{fill:#4B316B;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-stacked .elementor-icon:hover{background-color:#4B316B;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-framed .elementor-icon:hover, .elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-default .elementor-icon:hover{color:#4B316B;border-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-framed .elementor-icon:hover, .elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-default .elementor-icon:hover svg{fill:#4B316B;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-framed .elementor-icon:hover{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-0dba20f.elementor-view-stacked .elementor-icon:hover svg{fill:#E4544C;}.elementor-331 .elementor-element.elementor-element-0dba20f .elementor-icon{font-size:32px;}.elementor-331 .elementor-element.elementor-element-0dba20f .elementor-icon svg{height:32px;}.elementor-331 .elementor-element.elementor-element-76069d4{text-align:center;}.elementor-331 .elementor-element.elementor-element-76069d4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#787878;}.elementor-331 .elementor-element.elementor-element-4272ecc{width:100%;max-width:100%;padding:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-331 .elementor-element.elementor-element-4272ecc.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-331 .elementor-element.elementor-element-4272ecc .elementor-image-box-title{margin-bottom:0px;font-family:"Sanchez", Sans-serif;font-size:20px;font-weight:600;line-height:1.5em;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-4272ecc:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-4272ecc:has(:focus) .elementor-image-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-4272ecc .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-3f84c14{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-331 .elementor-element.elementor-element-3f84c14:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-3f84c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-40fe88d{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-331 .elementor-element.elementor-element-40fe88d .elementor-icon-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-stacked .elementor-icon{background-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-default .elementor-icon{color:#4B316B;border-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-default .elementor-icon svg{fill:#4B316B;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-stacked .elementor-icon:hover{background-color:#4B316B;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-framed .elementor-icon:hover, .elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-default .elementor-icon:hover{color:#4B316B;border-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-framed .elementor-icon:hover, .elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-default .elementor-icon:hover svg{fill:#4B316B;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-framed .elementor-icon:hover{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-40fe88d.elementor-view-stacked .elementor-icon:hover svg{fill:#E4544C;}.elementor-331 .elementor-element.elementor-element-40fe88d .elementor-icon{font-size:32px;}.elementor-331 .elementor-element.elementor-element-40fe88d .elementor-icon svg{height:32px;}.elementor-331 .elementor-element.elementor-element-27aa44a{text-align:center;}.elementor-331 .elementor-element.elementor-element-27aa44a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#787878;}.elementor-331 .elementor-element.elementor-element-923f09a{width:100%;max-width:100%;padding:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-331 .elementor-element.elementor-element-923f09a.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-331 .elementor-element.elementor-element-923f09a .elementor-image-box-title{margin-bottom:0px;font-family:"Sanchez", Sans-serif;font-size:20px;font-weight:600;line-height:1.5em;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-923f09a:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-923f09a:has(:focus) .elementor-image-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-923f09a .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-ebc4338{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-331 .elementor-element.elementor-element-ebc4338:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-ebc4338 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-3b6d095{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-331 .elementor-element.elementor-element-3b6d095 .elementor-icon-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-stacked .elementor-icon{background-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-default .elementor-icon{color:#4B316B;border-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-framed .elementor-icon, .elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-default .elementor-icon svg{fill:#4B316B;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-stacked .elementor-icon:hover{background-color:#4B316B;color:#E4544C;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-framed .elementor-icon:hover, .elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-default .elementor-icon:hover{color:#4B316B;border-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-framed .elementor-icon:hover, .elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-default .elementor-icon:hover svg{fill:#4B316B;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-framed .elementor-icon:hover{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-3b6d095.elementor-view-stacked .elementor-icon:hover svg{fill:#E4544C;}.elementor-331 .elementor-element.elementor-element-3b6d095 .elementor-icon{font-size:32px;}.elementor-331 .elementor-element.elementor-element-3b6d095 .elementor-icon svg{height:32px;}.elementor-331 .elementor-element.elementor-element-e02cf3d{text-align:center;}.elementor-331 .elementor-element.elementor-element-e02cf3d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#787878;}.elementor-331 .elementor-element.elementor-element-3ce16b5{width:100%;max-width:100%;padding:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-331 .elementor-element.elementor-element-3ce16b5.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-331 .elementor-element.elementor-element-3ce16b5 .elementor-image-box-title{margin-bottom:0px;font-family:"Sanchez", Sans-serif;font-size:20px;font-weight:600;line-height:1.5em;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-3ce16b5:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-3ce16b5:has(:focus) .elementor-image-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-3ce16b5 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-4e9d5fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-4e9d5fd:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-4e9d5fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-206e461{--display:flex;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-206e461:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-206e461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-ea17560{width:var( --container-widget-width, 94% );max-width:94%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-ea17560.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-ea17560 .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-ea17560 .elementor-image-box-title{font-family:"Sanchez", Sans-serif;font-size:45px;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-ea17560:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-ea17560:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-ea17560 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:23px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-6d23694{--display:flex;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-6d23694:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-6d23694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-841b84d{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-841b84d.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-841b84d .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-841b84d .elementor-image-box-title{font-family:"Sanchez", Sans-serif;font-size:45px;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-841b84d:has(:hover) .elementor-image-box-title, .elementor-331 .elementor-element.elementor-element-841b84d:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-841b84d .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:23px;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-aaacbc7{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:13vw;--padding-bottom:13vw;--padding-left:0vw;--padding-right:0vw;}.elementor-331 .elementor-element.elementor-element-aaacbc7:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-aaacbc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4B316B;}.elementor-331 .elementor-element.elementor-element-1ad4ea0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-331 .elementor-element.elementor-element-33fa1d0{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-icon{padding-inline-end:30px;}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-text{color:#352764;transition:color 0.3s;}.elementor-331 .elementor-element.elementor-element-a1d6283{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-icon{padding-inline-end:30px;}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-text{color:#352764;transition:color 0.3s;}.elementor-331 .elementor-element.elementor-element-8eedb43{--display:flex;--min-height:317px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-331 .elementor-element.elementor-element-8eedb43::before, .elementor-331 .elementor-element.elementor-element-8eedb43 > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-8eedb43 > .e-con-inner > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-8eedb43 > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-8eedb43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-8eedb43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F3F3F3;--background-overlay:'';}.elementor-331 .elementor-element.elementor-element-327fcf7{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 10px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-331 .elementor-element.elementor-element-327fcf7.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-327fcf7 .elementor-heading-title{font-family:"Sanchez", Sans-serif;font-size:40px;font-weight:500;line-height:1.1em;color:#352764;}.elementor-331 .elementor-element.elementor-element-8b3158f{width:var( --container-widget-width, 100% );max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-8b3158f.elementor-element{--align-self:flex-start;}.elementor-331 .elementor-element.elementor-element-e83fe65 .elementor-button{background-color:#B2FE0200;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-e83fe65{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 50px 20px 50px;}.elementor-331 .elementor-element.elementor-element-e83fe65.elementor-element{--align-self:center;}.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-331 .elementor-element.elementor-element-120d138{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-120d138:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-120d138 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-331 .elementor-element.elementor-element-2f6be87{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-title{margin-block-end:20px;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-title a{font-family:"Sanchez", Sans-serif;font-size:45px;font-weight:500;line-height:31px;}.elementor-331 .elementor-element.elementor-element-2f6be87:has(:hover) .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-2f6be87:has(:focus) .elementor-icon-box-title{color:#4B316B;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#4B316B;}.elementor-331 .elementor-element.elementor-element-ef11bea{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-ef11bea:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-ef11bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4544C;}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-331 .elementor-element.elementor-element-0660868{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-text{transition:color 0.3s;}.elementor-331 .elementor-element.elementor-element-754d6ea{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-331 .elementor-element.elementor-element-754d6ea p{margin-block-end:0px;}@media(max-width:1024px){.elementor-331 .elementor-element.elementor-element-f48be11{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-752fc9b{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-752fc9b .elementor-heading-title{font-size:5.5em;}.elementor-331 .elementor-element.elementor-element-a8a6047{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-49abef4{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-49abef4 .elementor-heading-title{font-size:5.5em;}.elementor-331 .elementor-element.elementor-element-603c77d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-f3487b4{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-f3487b4 .elementor-heading-title{font-size:5.5em;}.elementor-331 .elementor-element.elementor-element-dd9a313{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-0cc5ab0{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-0cc5ab0 .elementor-heading-title{font-size:5.5em;}.elementor-331 .elementor-element.elementor-element-b30bf7e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-331 .elementor-element.elementor-element-f6b81fb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-bb73e9f{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-bb73e9f .elementor-heading-title{font-size:5.5em;}.elementor-331 .elementor-element.elementor-element-123b64b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-86c66e8{--e-n-carousel-swiper-slides-to-display:2;}.elementor-331 .elementor-element.elementor-element-7c84531{--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:51px 51px;--row-gap:51px;--column-gap:51px;}.elementor-331 .elementor-element.elementor-element-f34f265{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-331 .elementor-element.elementor-element-76069d4 .elementor-heading-title{font-size:16px;line-height:1.5em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-4272ecc{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-4272ecc .elementor-image-box-title{font-size:20px;line-height:1.2em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-3f84c14{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-331 .elementor-element.elementor-element-27aa44a .elementor-heading-title{font-size:16px;line-height:1.5em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-923f09a{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-923f09a .elementor-image-box-title{font-size:20px;line-height:1.2em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-ebc4338{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-331 .elementor-element.elementor-element-e02cf3d .elementor-heading-title{font-size:16px;line-height:1.5em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-3ce16b5{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-3ce16b5 .elementor-image-box-title{font-size:20px;line-height:1.2em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-aaacbc7{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-331 .elementor-element.elementor-element-327fcf7 .elementor-heading-title{font-size:28px;line-height:1.5em;}}@media(min-width:768px){.elementor-331 .elementor-element.elementor-element-baa4fef{--width:40%;}.elementor-331 .elementor-element.elementor-element-ba2df95{--width:60%;}.elementor-331 .elementor-element.elementor-element-cd6e05b{--content-width:1280px;}.elementor-331 .elementor-element.elementor-element-f48be11{--width:100%;}.elementor-331 .elementor-element.elementor-element-a8a6047{--width:100%;}.elementor-331 .elementor-element.elementor-element-603c77d{--width:100%;}.elementor-331 .elementor-element.elementor-element-dd9a313{--width:100%;}.elementor-331 .elementor-element.elementor-element-15a727a{--content-width:1280px;}.elementor-331 .elementor-element.elementor-element-f6b81fb{--width:100%;}.elementor-331 .elementor-element.elementor-element-123b64b{--width:100%;}.elementor-331 .elementor-element.elementor-element-f34f265{--width:33%;}.elementor-331 .elementor-element.elementor-element-3f84c14{--width:33%;}.elementor-331 .elementor-element.elementor-element-ebc4338{--width:33%;}.elementor-331 .elementor-element.elementor-element-206e461{--width:60%;}.elementor-331 .elementor-element.elementor-element-6d23694{--width:40%;}.elementor-331 .elementor-element.elementor-element-8eedb43{--width:691px;}}@media(max-width:1024px) and (min-width:768px){.elementor-331 .elementor-element.elementor-element-f48be11{--width:75%;}.elementor-331 .elementor-element.elementor-element-a8a6047{--width:75%;}.elementor-331 .elementor-element.elementor-element-603c77d{--width:75%;}.elementor-331 .elementor-element.elementor-element-dd9a313{--width:75%;}.elementor-331 .elementor-element.elementor-element-f6b81fb{--width:75%;}.elementor-331 .elementor-element.elementor-element-123b64b{--width:75%;}.elementor-331 .elementor-element.elementor-element-f34f265{--width:100%;}.elementor-331 .elementor-element.elementor-element-3f84c14{--width:100%;}.elementor-331 .elementor-element.elementor-element-ebc4338{--width:100%;}}@media(max-width:767px){.elementor-331 .elementor-element.elementor-element-aafa169:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-aafa169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://meuclubedeescrita.com/wp-content/uploads/2026/03/compressed_mobile.webp");background-position:top center;background-size:contain;}.elementor-331 .elementor-element.elementor-element-aafa169{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:080px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-baa4fef{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-92ab221{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:96%;--container-widget-flex-grow:0;width:var( --container-widget-width, 96% );max-width:96%;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-element{--align-self:center;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-img{margin-bottom:6px;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-position-right .elementor-image-box-img{margin-left:6px;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-position-left .elementor-image-box-img{margin-right:6px;}.elementor-331 .elementor-element.elementor-element-92ab221.elementor-position-top .elementor-image-box-img{margin-bottom:6px;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-title{font-size:43px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-92ab221 .elementor-image-box-description{font-size:17px;}.elementor-331 .elementor-element.elementor-element-ba2df95{--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-331 .elementor-element.elementor-element-0f83c03{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-9426793{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-331 .elementor-element.elementor-element-9426793 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-9426793 .elementor-image-box-title{font-size:34px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-9426793 .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-fa908f7 .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-4d68200{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-331 .elementor-element.elementor-element-4d68200 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-4d68200 .elementor-image-box-title{font-size:34px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-4d68200 .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-aeebf76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-331 .elementor-element.elementor-element-aeebf76 .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-cd6e05b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-e3fd64d{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-331 .elementor-element.elementor-element-23b1713{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-23b1713 .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-23b1713 .elementor-image-box-title{font-size:38px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-23b1713 .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-932df0f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-331 .elementor-element.elementor-element-51f8750{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-331 .elementor-element.elementor-element-6950ec9{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-f48be11{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-4cb2347{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-4cb2347 .elementor-heading-title{font-size:1.5625em;}.elementor-331 .elementor-element.elementor-element-752fc9b{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-752fc9b .elementor-heading-title{font-size:2.9em;}.elementor-331 .elementor-element.elementor-element-d7cb4ba .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-4129df9{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-a8a6047{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-1cee214{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-1cee214 .elementor-heading-title{font-size:1.5625em;}.elementor-331 .elementor-element.elementor-element-49abef4{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-49abef4 .elementor-heading-title{font-size:2.9em;}.elementor-331 .elementor-element.elementor-element-c34d9aa .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-19b1587{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-603c77d{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-fc692ee{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-fc692ee .elementor-heading-title{font-size:1.5625em;}.elementor-331 .elementor-element.elementor-element-f3487b4{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-f3487b4 .elementor-heading-title{font-size:2.9em;}.elementor-331 .elementor-element.elementor-element-d92ab28 .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-44b88f1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-32ce118{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-dd9a313{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-7368fbe{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-7368fbe .elementor-heading-title{font-size:1.5625em;}.elementor-331 .elementor-element.elementor-element-0cc5ab0{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-0cc5ab0 .elementor-heading-title{font-size:2.9em;}.elementor-331 .elementor-element.elementor-element-1f1eb5f .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-b30bf7e{--e-n-carousel-swiper-slides-to-display:1;}.elementor-331 .elementor-element.elementor-element-15a727a{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-5c9512a{--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-331 .elementor-element.elementor-element-8bad642{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-f6b81fb{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-ba44ac9{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-ba44ac9 .elementor-heading-title{font-size:1.5625em;}.elementor-331 .elementor-element.elementor-element-bb73e9f{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-bb73e9f .elementor-heading-title{font-size:2.9em;}.elementor-331 .elementor-element.elementor-element-a286360 .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-a98f3e6{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-331 .elementor-element.elementor-element-123b64b{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-b2cf29b{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-b2cf29b .elementor-heading-title{font-size:1.5625em;}.elementor-331 .elementor-element.elementor-element-9d647bc .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-86c66e8{--e-n-carousel-swiper-slides-to-display:1;}.elementor-331 .elementor-element.elementor-element-cea2555{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:025px;--padding-bottom:025px;--padding-left:025px;--padding-right:025px;}.elementor-331 .elementor-element.elementor-element-4f44f50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-4f44f50 .elementor-image-box-wrapper{text-align:start;}.elementor-331 .elementor-element.elementor-element-4f44f50 .elementor-image-box-title{font-size:38px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-4f44f50 .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-160a490{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-331 .elementor-element.elementor-element-e95d597{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-e589468{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-e589468 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-e589468 .elementor-image-box-title{font-size:34px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-e589468 .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-06bd0b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-title a{font-size:30px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-06bd0b2 .elementor-icon-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-9c0d253{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-title a{font-size:30px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-9c0d253 .elementor-icon-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-22a3300{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-title a{font-size:30px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-22a3300 .elementor-icon-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-df79bd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-title a{font-size:30px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-df79bd2 .elementor-icon-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-dfd46ed{font-size:17px;}.elementor-331 .elementor-element.elementor-element-7c5b94a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-7c84531{--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;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-331 .elementor-element.elementor-element-0dba20f .elementor-icon{font-size:24px;}.elementor-331 .elementor-element.elementor-element-0dba20f .elementor-icon svg{height:24px;}.elementor-331 .elementor-element.elementor-element-76069d4{text-align:center;}.elementor-331 .elementor-element.elementor-element-76069d4 .elementor-heading-title{font-size:15px;line-height:1.2em;}.elementor-331 .elementor-element.elementor-element-4272ecc{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-4272ecc .elementor-image-box-title{font-size:20px;line-height:1.5em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-4272ecc .elementor-image-box-description{font-size:16px;line-height:1.4em;}.elementor-331 .elementor-element.elementor-element-40fe88d .elementor-icon{font-size:24px;}.elementor-331 .elementor-element.elementor-element-40fe88d .elementor-icon svg{height:24px;}.elementor-331 .elementor-element.elementor-element-27aa44a{text-align:center;}.elementor-331 .elementor-element.elementor-element-27aa44a .elementor-heading-title{font-size:15px;line-height:1.2em;}.elementor-331 .elementor-element.elementor-element-923f09a{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-923f09a .elementor-image-box-title{font-size:20px;line-height:1.5em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-923f09a .elementor-image-box-description{font-size:16px;line-height:1.4em;}.elementor-331 .elementor-element.elementor-element-3b6d095 .elementor-icon{font-size:24px;}.elementor-331 .elementor-element.elementor-element-3b6d095 .elementor-icon svg{height:24px;}.elementor-331 .elementor-element.elementor-element-e02cf3d{text-align:center;}.elementor-331 .elementor-element.elementor-element-e02cf3d .elementor-heading-title{font-size:15px;line-height:1.2em;}.elementor-331 .elementor-element.elementor-element-3ce16b5{width:100%;max-width:100%;}.elementor-331 .elementor-element.elementor-element-3ce16b5 .elementor-image-box-title{font-size:20px;line-height:1.5em;letter-spacing:0px;}.elementor-331 .elementor-element.elementor-element-3ce16b5 .elementor-image-box-description{font-size:16px;line-height:1.4em;}.elementor-331 .elementor-element.elementor-element-4e9d5fd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-206e461{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-ea17560{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-331 .elementor-element.elementor-element-ea17560 .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-ea17560 .elementor-image-box-title{font-size:34px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-ea17560 .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-6d23694{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-331 .elementor-element.elementor-element-841b84d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-841b84d .elementor-image-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-841b84d .elementor-image-box-title{font-size:34px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-841b84d .elementor-image-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-aaacbc7{--padding-top:80vw;--padding-bottom:80vw;--padding-left:0vw;--padding-right:0vw;}.elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-item > a{font-size:16px;line-height:1.4em;}.elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-item > a{font-size:16px;line-height:1.4em;}.elementor-331 .elementor-element.elementor-element-8eedb43{--width:90%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-327fcf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:91%;--container-widget-flex-grow:0;width:var( --container-widget-width, 91% );max-width:91%;}.elementor-331 .elementor-element.elementor-element-327fcf7 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-331 .elementor-element.elementor-element-e83fe65 .elementor-button{font-size:18px;}.elementor-331 .elementor-element.elementor-element-120d138{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-331 .elementor-element.elementor-element-2f6be87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-wrapper{text-align:center;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-title, .elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-title a{font-size:34px;line-height:1em;}.elementor-331 .elementor-element.elementor-element-2f6be87 .elementor-icon-box-description{font-size:16px;}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-331 .elementor-element.elementor-element-0660868 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-331 .elementor-element.elementor-element-0660868{--e-icon-list-icon-size:24px;}}/* Start custom CSS for button, class: .elementor-element-fa908f7 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #4B316B; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-fa908f7 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-fa908f7 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-fa908f7::before, .elementor-331 .elementor-element.elementor-element-fa908f7::after, .elementor-331 .elementor-element.elementor-element-fa908f7 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-fa908f7::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-fa908f7::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-fa908f7 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-fa908f7 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-fa908f7:hover, .elementor-331 .elementor-element.elementor-element-fa908f7:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-fa908f7, .elementor-331 .elementor-element.elementor-element-fa908f7::before, .elementor-331 .elementor-element.elementor-element-fa908f7::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-fa908f7:hover, .elementor-331 .elementor-element.elementor-element-fa908f7:hover::before, .elementor-331 .elementor-element.elementor-element-fa908f7:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aeebf76 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #4B316B; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-aeebf76 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-aeebf76 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-aeebf76::before, .elementor-331 .elementor-element.elementor-element-aeebf76::after, .elementor-331 .elementor-element.elementor-element-aeebf76 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-aeebf76::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-aeebf76::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-aeebf76 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-aeebf76 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-aeebf76:hover, .elementor-331 .elementor-element.elementor-element-aeebf76:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-aeebf76, .elementor-331 .elementor-element.elementor-element-aeebf76::before, .elementor-331 .elementor-element.elementor-element-aeebf76::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-aeebf76:hover, .elementor-331 .elementor-element.elementor-element-aeebf76:hover::before, .elementor-331 .elementor-element.elementor-element-aeebf76:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d7cb4ba *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after, .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d7cb4ba, .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f48be11 */.elementor-331 .elementor-element.elementor-element-f48be11 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c34d9aa *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after, .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-c34d9aa::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-c34d9aa span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-c34d9aa, .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::before, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8a6047 */.elementor-331 .elementor-element.elementor-element-a8a6047 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d92ab28 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after, .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d92ab28::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d92ab28 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d92ab28, .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::before, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-603c77d */.elementor-331 .elementor-element.elementor-element-603c77d { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1f1eb5f *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after, .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-1f1eb5f, .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd9a313 */.elementor-331 .elementor-element.elementor-element-dd9a313 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d7cb4ba *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after, .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d7cb4ba, .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f48be11 */.elementor-331 .elementor-element.elementor-element-f48be11 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c34d9aa *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after, .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-c34d9aa::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-c34d9aa span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-c34d9aa, .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::before, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8a6047 */.elementor-331 .elementor-element.elementor-element-a8a6047 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d92ab28 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after, .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d92ab28::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d92ab28 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d92ab28, .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::before, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-603c77d */.elementor-331 .elementor-element.elementor-element-603c77d { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1f1eb5f *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after, .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-1f1eb5f, .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd9a313 */.elementor-331 .elementor-element.elementor-element-dd9a313 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d7cb4ba *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after, .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d7cb4ba, .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f48be11 */.elementor-331 .elementor-element.elementor-element-f48be11 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c34d9aa *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after, .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-c34d9aa::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-c34d9aa span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-c34d9aa, .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::before, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8a6047 */.elementor-331 .elementor-element.elementor-element-a8a6047 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d92ab28 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after, .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d92ab28::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d92ab28 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d92ab28, .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::before, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-603c77d */.elementor-331 .elementor-element.elementor-element-603c77d { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1f1eb5f *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after, .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-1f1eb5f, .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd9a313 */.elementor-331 .elementor-element.elementor-element-dd9a313 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d7cb4ba *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after, .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d7cb4ba, .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f48be11 */.elementor-331 .elementor-element.elementor-element-f48be11 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c34d9aa *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after, .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-c34d9aa::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-c34d9aa span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-c34d9aa, .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::before, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8a6047 */.elementor-331 .elementor-element.elementor-element-a8a6047 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d92ab28 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after, .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d92ab28::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d92ab28 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d92ab28, .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::before, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-603c77d */.elementor-331 .elementor-element.elementor-element-603c77d { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1f1eb5f *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after, .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-1f1eb5f, .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd9a313 */.elementor-331 .elementor-element.elementor-element-dd9a313 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d7cb4ba *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d7cb4ba { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after, .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d7cb4ba span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d7cb4ba, .elementor-331 .elementor-element.elementor-element-d7cb4ba::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::before, .elementor-331 .elementor-element.elementor-element-d7cb4ba:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f48be11 */.elementor-331 .elementor-element.elementor-element-f48be11 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c34d9aa *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-c34d9aa { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after, .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-c34d9aa::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-c34d9aa span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-c34d9aa span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-c34d9aa, .elementor-331 .elementor-element.elementor-element-c34d9aa::before, .elementor-331 .elementor-element.elementor-element-c34d9aa::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-c34d9aa:hover, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::before, .elementor-331 .elementor-element.elementor-element-c34d9aa:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8a6047 */.elementor-331 .elementor-element.elementor-element-a8a6047 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d92ab28 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-d92ab28 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after, .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-d92ab28::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-d92ab28 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-d92ab28 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-d92ab28, .elementor-331 .elementor-element.elementor-element-d92ab28::before, .elementor-331 .elementor-element.elementor-element-d92ab28::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-d92ab28:hover, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::before, .elementor-331 .elementor-element.elementor-element-d92ab28:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-603c77d */.elementor-331 .elementor-element.elementor-element-603c77d { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1f1eb5f *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-1f1eb5f { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after, .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-1f1eb5f span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-1f1eb5f, .elementor-331 .elementor-element.elementor-element-1f1eb5f::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::before, .elementor-331 .elementor-element.elementor-element-1f1eb5f:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd9a313 */.elementor-331 .elementor-element.elementor-element-dd9a313 { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a286360 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-a286360 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-a286360 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-a286360::before, .elementor-331 .elementor-element.elementor-element-a286360::after, .elementor-331 .elementor-element.elementor-element-a286360 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-a286360::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-a286360::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-a286360 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-a286360 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-a286360:hover, .elementor-331 .elementor-element.elementor-element-a286360:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-a286360, .elementor-331 .elementor-element.elementor-element-a286360::before, .elementor-331 .elementor-element.elementor-element-a286360::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-a286360:hover, .elementor-331 .elementor-element.elementor-element-a286360:hover::before, .elementor-331 .elementor-element.elementor-element-a286360:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f6b81fb */.elementor-331 .elementor-element.elementor-element-f6b81fb { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9d647bc *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-9d647bc { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-9d647bc { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-9d647bc::before, .elementor-331 .elementor-element.elementor-element-9d647bc::after, .elementor-331 .elementor-element.elementor-element-9d647bc span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-9d647bc::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-9d647bc::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-9d647bc span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-9d647bc span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-9d647bc:hover, .elementor-331 .elementor-element.elementor-element-9d647bc:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-9d647bc, .elementor-331 .elementor-element.elementor-element-9d647bc::before, .elementor-331 .elementor-element.elementor-element-9d647bc::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-9d647bc:hover, .elementor-331 .elementor-element.elementor-element-9d647bc:hover::before, .elementor-331 .elementor-element.elementor-element-9d647bc:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-123b64b */.elementor-331 .elementor-element.elementor-element-123b64b { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a286360 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-a286360 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-a286360 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-a286360::before, .elementor-331 .elementor-element.elementor-element-a286360::after, .elementor-331 .elementor-element.elementor-element-a286360 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-a286360::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-a286360::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-a286360 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-a286360 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-a286360:hover, .elementor-331 .elementor-element.elementor-element-a286360:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-a286360, .elementor-331 .elementor-element.elementor-element-a286360::before, .elementor-331 .elementor-element.elementor-element-a286360::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-a286360:hover, .elementor-331 .elementor-element.elementor-element-a286360:hover::before, .elementor-331 .elementor-element.elementor-element-a286360:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f6b81fb */.elementor-331 .elementor-element.elementor-element-f6b81fb { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9d647bc *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-9d647bc { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-9d647bc { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-9d647bc::before, .elementor-331 .elementor-element.elementor-element-9d647bc::after, .elementor-331 .elementor-element.elementor-element-9d647bc span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-9d647bc::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-9d647bc::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-9d647bc span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-9d647bc span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-9d647bc:hover, .elementor-331 .elementor-element.elementor-element-9d647bc:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-9d647bc, .elementor-331 .elementor-element.elementor-element-9d647bc::before, .elementor-331 .elementor-element.elementor-element-9d647bc::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-9d647bc:hover, .elementor-331 .elementor-element.elementor-element-9d647bc:hover::before, .elementor-331 .elementor-element.elementor-element-9d647bc:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-123b64b */.elementor-331 .elementor-element.elementor-element-123b64b { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a286360 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-a286360 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-a286360 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-a286360::before, .elementor-331 .elementor-element.elementor-element-a286360::after, .elementor-331 .elementor-element.elementor-element-a286360 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-a286360::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-a286360::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-a286360 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-a286360 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-a286360:hover, .elementor-331 .elementor-element.elementor-element-a286360:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-a286360, .elementor-331 .elementor-element.elementor-element-a286360::before, .elementor-331 .elementor-element.elementor-element-a286360::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-a286360:hover, .elementor-331 .elementor-element.elementor-element-a286360:hover::before, .elementor-331 .elementor-element.elementor-element-a286360:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f6b81fb */.elementor-331 .elementor-element.elementor-element-f6b81fb { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9d647bc *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #E4544C; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-9d647bc { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-9d647bc { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-9d647bc::before, .elementor-331 .elementor-element.elementor-element-9d647bc::after, .elementor-331 .elementor-element.elementor-element-9d647bc span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-9d647bc::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-9d647bc::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-9d647bc span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-9d647bc span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-9d647bc:hover, .elementor-331 .elementor-element.elementor-element-9d647bc:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-9d647bc, .elementor-331 .elementor-element.elementor-element-9d647bc::before, .elementor-331 .elementor-element.elementor-element-9d647bc::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-9d647bc:hover, .elementor-331 .elementor-element.elementor-element-9d647bc:hover::before, .elementor-331 .elementor-element.elementor-element-9d647bc:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-123b64b */.elementor-331 .elementor-element.elementor-element-123b64b { background: rgba( 0, 0, 0, 0.15 ); backdrop-filter: blur( 40px ); border-radius: 25px; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-76069d4 */.elementor-331 .elementor-element.elementor-element-76069d4{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-27aa44a */.elementor-331 .elementor-element.elementor-element-27aa44a{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02cf3d */.elementor-331 .elementor-element.elementor-element-e02cf3d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-33fa1d0 */.elementor-331 .elementor-element.elementor-element-33fa1d0.my-list-right.elementor-widget .elementor-icon-list-items { display: flex !important; flex-wrap: nowrap !important; animation: scroll-right 20s linear infinite; } .elementor-331 .elementor-element.elementor-element-33fa1d0.my-list-right.elementor-widget .elementor-icon-list-item { flex-shrink: 0 !important; white-space: nowrap !important; } .elementor-331 .elementor-element.elementor-element-33fa1d0.my-list-right.elementor-widget .elementor-icon-list-items { width: 200%; } @keyframes scroll-right { from { transform: translateX(-50%); } to { transform: translateX(0%); } } .elementor-331 .elementor-element.elementor-element-33fa1d0 .elementor-icon-list-text{ border-radius: 100px; border: 1px solid #FFF; background: #FFFFFF; box-shadow: -10px -10px 16px 0 #F5FFFF inset, 10px 10px 16px 0 #E7F4F7 inset; padding: 10px 40px 10px 40px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a1d6283 */.elementor-331 .elementor-element.elementor-element-a1d6283.my-list-left.elementor-widget .elementor-icon-list-items { display: flex !important; flex-wrap: nowrap !important; animation: scroll-left 20s linear infinite; } .elementor-331 .elementor-element.elementor-element-a1d6283.my-list-left.elementor-widget .elementor-icon-list-item { flex-shrink: 0 !important; white-space: nowrap !important; } .elementor-331 .elementor-element.elementor-element-a1d6283.my-list-left.elementor-widget .elementor-icon-list-items { width: 200%; } @keyframes scroll-left { from { transform: translateX(0%); } to { transform: translateX(-50%); } } .elementor-331 .elementor-element.elementor-element-a1d6283 .elementor-icon-list-text{ border-radius: 100px; border: 1px solid #FFF; background: #FFFFFF; box-shadow: -10px -10px 16px 0 #F5FFFF inset, 10px 10px 16px 0 #E7F4F7 inset; padding: 10px 40px 10px 40px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e83fe65 *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #4B316B; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: #4B316B; /* Cor do texto do botão */ --shiny-cta-fg: #4B316B; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #4B316B; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #4B316B, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-331 .elementor-element.elementor-element-e83fe65 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.25rem 1.5rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-331 .elementor-element.elementor-element-e83fe65 { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 4.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-331 .elementor-element.elementor-element-e83fe65::before, .elementor-331 .elementor-element.elementor-element-e83fe65::after, .elementor-331 .elementor-element.elementor-element-e83fe65 span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-331 .elementor-element.elementor-element-e83fe65::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.4; } .elementor-331 .elementor-element.elementor-element-e83fe65::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-331 .elementor-element.elementor-element-e83fe65 span { z-index: 1; position: relative; } .elementor-331 .elementor-element.elementor-element-e83fe65 span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-331 .elementor-element.elementor-element-e83fe65:hover, .elementor-331 .elementor-element.elementor-element-e83fe65:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-331 .elementor-element.elementor-element-e83fe65, .elementor-331 .elementor-element.elementor-element-e83fe65::before, .elementor-331 .elementor-element.elementor-element-e83fe65::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-331 .elementor-element.elementor-element-e83fe65:hover, .elementor-331 .elementor-element.elementor-element-e83fe65:hover::before, .elementor-331 .elementor-element.elementor-element-e83fe65:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8eedb43 */.elementor-331 .elementor-element.elementor-element-8eedb43 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8241162 */.elementor-331 .elementor-element.elementor-element-8241162{ width: 400px; height: 400px; z-index: 999; position: absolute; bottom: 0; left: -300px; transform: translateX(-50%); filter: blur(200px); border-radius: 50%; /* Torna o elemento circular */ background-color: rgba(125, 162, 242, 1); /* Cor sólida do círculo */ box-shadow: 0 0 50px 20px rgba(125, 162, 242, 0.5); /* Efeito de luz circular */ }/* End custom CSS */ /* Start custom CSS */html, body { max-width: 100%; overflow-x: hidden; } img, video, iframe, .wp-block-embed { max-width: 100% !important; height: auto; display: block; } •⁠ ⁠{ box-sizing: border-box; } .elementor-section, .elementor-container, .elementor-column, .elementor-widget-wrap { max-width: 100%; overflow-wrap: anywhere; } a, p, span, h1, h2, h3, h4, h5, h6 { word-break: break-word; overflow-wrap: anywhere; } /* Carrosséis/Swiper comuns */ .swiper, .swiper-container { overflow: hidden; } .swiper-slide { max-width: 100%; } /* Iframes (YouTube/Maps) responsivos */ .responsive-embed, .elementor-widget-video iframe, .elementor-video-iframe, .elementor-custom-embed iframe { width: 100% !important; } /* Botão flutuante que pode vazar */ .floating-button, .whatsapp-float, .btn-float { right: 16px !important; left: auto !important; max-width: calc(100vw - 32px); }/* End custom CSS */