.elementor-459 .elementor-element.elementor-element-28b2fe1{--display:flex;}.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-459 .elementor-element.elementor-element-c78c9e6 .elementor-button{background-color:#0A8126;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-459 .elementor-element.elementor-element-c78c9e6.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-c78c9e6{border-style:none;}.elementor-459 .elementor-element.elementor-element-7a42d4f{--display:flex;}.elementor-459 .elementor-element.elementor-element-36bd6e4 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF00;color:#FFFFFF00;background-image:linear-gradient(117deg, #A660FF 0%, #7000FF 100%);border-radius:2px 2px 2px 2px;padding:020px 050px 020px 050px;}.elementor-459 .elementor-element.elementor-element-36bd6e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-36bd6e4.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-6e55b87{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-438e41e .elementor-button{background-color:#9C4EFF;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;border-radius:5px 5px 5px 5px;padding:10px 30px 10px 30px;}.elementor-459 .elementor-element.elementor-element-438e41e.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-438e41e{border-style:none;}.elementor-459 .elementor-element.elementor-element-0ad14ee{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:900px 900px 900px 900px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-459 .elementor-element.elementor-element-0ad14ee:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-0ad14ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3A0091;}.elementor-459 .elementor-element.elementor-element-0ad14ee.e-con{--align-self:center;}.elementor-459 .elementor-element.elementor-element-d38dd7c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-459 .elementor-element.elementor-element-d38dd7c .elementor-button{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;padding:15px 30px 15px 30px;}.elementor-459 .elementor-element.elementor-element-6f53936{--display:flex;--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;}.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-459 .elementor-element.elementor-element-f37f5a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px -0px 0px;text-align:center;font-family:"neu", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-459 .elementor-element.elementor-element-f37f5a9.elementor-element{--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-459 .elementor-element.elementor-element-ad1efc6.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-ad1efc6{text-align:start;}.elementor-459 .elementor-element.elementor-element-ad1efc6 .elementor-heading-title{font-family:"neu", Sans-serif;font-size:40px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-459 .elementor-element.elementor-element-62b4331{--display:flex;}.elementor-459 .elementor-element.elementor-element-27a6dd9{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-acb057b{--display:flex;}.elementor-459 .elementor-element.elementor-element-f440c29 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-459 .elementor-element.elementor-element-f440c29{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-f440c29.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-1d6febf{--display:flex;}.elementor-459 .elementor-element.elementor-element-fad78c4 .elementor-button{background-color:#9C4FFF;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:500;border-radius:50px 50px 50px 50px;padding:25px 60px 25px 60px;}.elementor-459 .elementor-element.elementor-element-e746a4d{--display:flex;}.elementor-459 .elementor-element.elementor-element-245eaf7 .elementor-button{background-color:#61CE7000;font-family:"Raleway", Sans-serif;font-size:18px;font-weight:700;fill:#193C6F;color:#193C6F;border-radius:0px 0px 0px 0px;padding:28px 77px 28px 77px;}.elementor-459 .elementor-element.elementor-element-245eaf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-245eaf7.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-7d8d073{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;}.elementor-459 .elementor-element.elementor-element-7d8d073:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-7d8d073 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-459 .elementor-element.elementor-element-8e57295{width:var( --container-widget-width, 15.306% );max-width:15.306%;padding:35px 35px 35px 35px;--container-widget-width:15.306%;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-8e57295.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-459 .elementor-element.elementor-element-8e57295 .elementor-icon-box-wrapper{gap:27px;}.elementor-459 .elementor-element.elementor-element-8e57295 .elementor-icon-box-title{margin-block-end:8px;}.elementor-459 .elementor-element.elementor-element-e3aca5a{width:var( --container-widget-width, 15.306% );max-width:15.306%;padding:35px 35px 35px 35px;--container-widget-width:15.306%;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-e3aca5a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-459 .elementor-element.elementor-element-e3aca5a .elementor-icon-box-wrapper{gap:27px;}.elementor-459 .elementor-element.elementor-element-e3aca5a .elementor-icon-box-title{margin-block-end:8px;}.elementor-459 .elementor-element.elementor-element-dba0ce6{width:var( --container-widget-width, 15.306% );max-width:15.306%;padding:35px 35px 35px 35px;--container-widget-width:15.306%;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-dba0ce6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-459 .elementor-element.elementor-element-dba0ce6 .elementor-icon-box-wrapper{gap:27px;}.elementor-459 .elementor-element.elementor-element-dba0ce6 .elementor-icon-box-title{margin-block-end:8px;}.elementor-459 .elementor-element.elementor-element-77ace3a{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-8892a0f .elementor-button{background-color:#9C4EFF;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;border-radius:5px 5px 5px 5px;padding:10px 30px 10px 30px;}.elementor-459 .elementor-element.elementor-element-8892a0f.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-8892a0f{border-style:none;}.elementor-459 .elementor-element.elementor-element-98660cc{--display:flex;}.elementor-459 .elementor-element.elementor-element-98660cc:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-98660cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-459 .elementor-element.elementor-element-6fde04c .elementor-button{background-color:#9C4FFF;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:500;border-radius:50px 50px 50px 50px;padding:25px 60px 25px 60px;}.elementor-459 .elementor-element.elementor-element-fe6fe0b .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-fe6fe0b.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-fe6fe0b .elementor-button-content-wrapper{flex-direction:row;}.elementor-459 .elementor-element.elementor-element-f211fb7 .elementor-button{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;}.elementor-459 .elementor-element.elementor-element-8a7fd37{--display:flex;}.elementor-459 .elementor-element.elementor-element-e7f6f08 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:20px 40px 20px 40px;}.elementor-459 .elementor-element.elementor-element-e7f6f08{width:var( --container-widget-width, 562px );max-width:562px;--container-widget-width:562px;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-e7f6f08.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-7dc2ef6{--display:flex;}.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-459 .elementor-element.elementor-element-2d440ef{width:auto;max-width:auto;bottom:1vw;}body:not(.rtl) .elementor-459 .elementor-element.elementor-element-2d440ef{right:2vh;}body.rtl .elementor-459 .elementor-element.elementor-element-2d440ef{left:2vh;}.elementor-459 .elementor-element.elementor-element-2d440ef .elementor-icon-wrapper{text-align:center;}.elementor-459 .elementor-element.elementor-element-2d440ef .elementor-icon{font-size:82px;}.elementor-459 .elementor-element.elementor-element-2d440ef .elementor-icon svg{height:82px;}.elementor-459 .elementor-element.elementor-element-af21855{--display:flex;--min-height:89px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--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-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-459 .elementor-element.elementor-element-94d79e1{text-align:start;}.elementor-459 .elementor-element.elementor-element-94d79e1 img{width:160px;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button{background-color:#07CCE6;font-family:"Inter", Sans-serif;font-size:17px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button:hover, .elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button:focus{color:#FFFFFF;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button:hover svg, .elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-459 .elementor-element.elementor-element-3795064{--display:flex;}.elementor-459 .elementor-element.elementor-element-9df02ed{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-459 .elementor-element.elementor-element-9df02ed.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-9df02ed .elementor-button{font-family:"Instrument Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 40px 0px #5C78F5;border-radius:40px 40px 40px 40px;padding:20px 20px 20px 20px;}.elementor-459 .elementor-element.elementor-element-9df02ed .elementor-button:hover, .elementor-459 .elementor-element.elementor-element-9df02ed .elementor-button:focus{color:#000000;box-shadow:0px 0px 30px 0px rgba(0, 152.63051488259265, 255, 0.69);}.elementor-459 .elementor-element.elementor-element-9df02ed .elementor-button:hover svg, .elementor-459 .elementor-element.elementor-element-9df02ed .elementor-button:focus svg{fill:#000000;}.elementor-459 .elementor-element.elementor-element-1b0cce9{--display:flex;}.elementor-459 .elementor-element.elementor-element-4bf50f5 .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;padding:10px 30px 10px 30px;}.elementor-459 .elementor-element.elementor-element-4bf50f5.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-4bf50f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-459 .elementor-element.elementor-element-2bafefc{--display:flex;}.elementor-459 .elementor-element.elementor-element-c62a9a6 .elementor-button{background-color:#9C4EFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;padding:15px 50px 15px 50px;}.elementor-459 .elementor-element.elementor-element-c62a9a6.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-83da2e0{--display:flex;}.elementor-459 .elementor-element.elementor-element-83da2e0:not(.elementor-motion-effects-element-type-background), .elementor-459 .elementor-element.elementor-element-83da2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-459 .elementor-element.elementor-element-af21855{--padding-top:10px;--padding-bottom:10px;--padding-left:47px;--padding-right:20px;}.elementor-459 .elementor-element.elementor-element-94d79e1.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-94d79e1 img{width:119px;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button{font-size:13px;}.elementor-459 .elementor-element.elementor-element-9df02ed.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-459 .elementor-element.elementor-element-0ad14ee{--justify-content:center;--border-radius:20px 20px 20px 20px;--padding-top:15px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-459 .elementor-element.elementor-element-6f53936{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-459 .elementor-element.elementor-element-27a6dd9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-459 .elementor-element.elementor-element-245eaf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-245eaf7.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-245eaf7 .elementor-button{font-size:16px;padding:16px 36px 16px 36px;}.elementor-459 .elementor-element.elementor-element-f211fb7 .elementor-button{font-size:14px;}.elementor-459 .elementor-element.elementor-element-e7f6f08 .elementor-button{font-size:14px;padding:20px 31px 20px 31px;}.elementor-459 .elementor-element.elementor-element-af21855{--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:20px;}.elementor-459 .elementor-element.elementor-element-94d79e1{text-align:start;}.elementor-459 .elementor-element.elementor-element-94d79e1 img{width:125px;}.elementor-459 .elementor-element.elementor-element-947d6f5 .elementor-button{font-size:16px;}.elementor-459 .elementor-element.elementor-element-9df02ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-459 .elementor-element.elementor-element-9df02ed.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-9df02ed .elementor-button{font-size:16px;padding:18px 18px 18px 18px;}}@media(min-width:768px){.elementor-459 .elementor-element.elementor-element-0ad14ee{--width:50%;}.elementor-459 .elementor-element.elementor-element-6f53936{--width:30%;}.elementor-459 .elementor-element.elementor-element-af21855{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-459 .elementor-element.elementor-element-af21855{--width:52%;}}/* Start custom CSS for button, class: .elementor-element-c78c9e6 *//* ===== Estilo principal do botão snap6 ===== */ .snap6 .elementor-button { background: linear-gradient(90deg, #9C4EFF, #6B1CFF); /* 🎨 Degradê roxo — edite as cores aqui */ transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */ } /* ===== Efeito de brilho ao passar o mouse ===== */ .snap6:hover .elementor-button { box-shadow: 0 0 50px 0 #9C4EFF80; /* 💡 Sombra roxa com transparência */ } /* Centraliza o texto no botão */ .snap6 .elementor-button-text { align-self: center; } /* Ícone do botão com rotação ao hover */ .snap6 .elementor-button-icon { font-size: 15px; align-self: center; transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */ } .snap6:hover .elementor-button-icon { rotate: 45deg; /* 🔄 Gira o ícone no hover */ } /* ===== Borda animada ao redor do botão ===== */ .snap6 .elementor-button::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */ height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */ border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */ opacity: 1; transition: 0.5s ease all; /* 🔵 Arredondamento parcial nos cantos */ border-top-left-radius: 25px; border-bottom-right-radius: 25px; } .snap6:hover .elementor-button::before { width: 100%; /* 🔁 Encolhe ao hover */ height: 100%; opacity: 0; /* 🔄 Some com animação */ } /* ===== Variação de borda escura para outro botão (opcional) ===== */ .snap6-escuro .elementor-button::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #00000050; /* ⚫ Borda escura com transparência */ opacity: 1; transition: 0.5s ease all; } .snap6-escuro:hover .elementor-button::before { width: 100%; height: 100%; opacity: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-36bd6e4 */:root { --glow-hue: 222deg; --shadow-hue: 180deg; --spring-easing: linear( 0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%, 1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%, 1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%, 0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%, 0.998 84%, 1 ); --spring-duration: 1.33s; } @property --shimmer { syntax: ""; inherits: false; initial-value: 33deg; } @keyframes shimmer { 0% { --shimmer: 0deg; } 100% { --shimmer: 360deg; } } @keyframes shine { 0% { opacity: 0; } 15%, 55% { opacity: 1; } 100% { opacity: 0; } } @keyframes text { 0% { background-position: 100% center; } 100% { background-position: -100% center; } } /* Alvo para botões com classe personalizada */ .elementor-button.glow-button { color: var(--bg, #fff); font-weight: 600; background-image: linear-gradient(315deg, #ffc4ec -10%, #efdbfd 50%, #ffedd6 110%); padding: 0.8em 1.4em; position: relative; isolation: isolate; box-shadow: 0 2px 3px 1px hsl(var(--glow-hue) 50% 20% / 50%), inset 0 -10px 20px -10px hsla(var(--shadow-hue), 10%, 90%, 95%); border-radius: 0.66em; scale: 1; transition: all var(--spring-duration) var(--spring-easing); overflow: hidden; } .elementor-button.glow-button:hover:not(:active), .elementor-button.glow-button.active { scale: 1.2; transition-duration: calc(var(--spring-duration) * 0.5); box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%), inset 0 0 0 transparent; } .elementor-button.glow-button:active { scale: 1.1; transition-duration: calc(var(--spring-duration) * 0.5); } .glow-button .shimmer { position: absolute; inset: -40px; border-radius: inherit; mask-image: conic-gradient( from var(--shimmer, 0deg), transparent 0%, transparent 10%, black 36%, black 45%, transparent 50%, transparent 60%, black 85%, black 95%, transparent 100% ); mask-size: cover; mix-blend-mode: plus-lighter; animation: shimmer 1s linear infinite both; pointer-events: none; } .glow-button:hover .shimmer::before, .glow-button:hover .shimmer::after, .glow-button.active .shimmer::before, .glow-button.active .shimmer::after { opacity: 1; animation: shine 1.2s ease-in 1 forwards; } .shimmer::before, .shimmer::after { transition: all 0.5s ease; opacity: 0; content: ""; border-radius: inherit; position: absolute; mix-blend-mode: color; inset: 40px; z-index: -1; } .shimmer::before { box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%), 0 0 7px 4px hsl(var(--glow-hue) 20% 80%), 0 0 13px 4px hsl(var(--glow-hue) 50% 70%), 0 0 25px 5px hsl(var(--glow-hue) 100% 70%); } .shimmer::after { box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%), inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%), inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%); z-index: 2; } .glow-button .text { color: transparent; background-clip: text; background-color: var(--bg, #fff); background-image: linear-gradient( 120deg, transparent, hsla(var(--glow-hue),100%,80%,0.66) 40%, hsla(var(--glow-hue),100%,90%,.9) 50%, transparent 52% ); background-repeat: no-repeat; background-size: 300% 300%; background-position: center 200%; } .glow-button:hover .text, .glow-button.active .text { animation: text 0.66s ease-in 1 both; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-438e41e */.snap { animation: pulseFlash 1.5s infinite; /* Animação contínua com ritmo definido */ box-shadow: 0 0 21px -6px #fff; /* Efeito de brilho que pulsa */ border-radius: 2px; /* Bordas suavemente arredondadas, combinando com o botão */ } @keyframes pulseFlash { 70% { box-shadow: 0 0 0 25px rgba(0, 0, 0, 0); /* Expansão do efeito até sumir */ } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* Retorna ao estado original */ } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d38dd7c *//* botão animado com brilho suave e degrade */ .snapbtn .elementor-button { background: linear-gradient(-45deg, #9C4EFF, #6E2AD1, #9C4EFF, #6E2AD1); background-size: 800% 400%; border-radius: 500px; border: 1px solid rgba(255, 255, 255, 0.06); /* Borda mais suave */ box-shadow: 0px 4px 10px rgba(156, 78, 255, 0.2), /* brilho roxo externo suave */ 0px -4px 6px rgba(182, 146, 246, 0.25) inset, 0px 4px 6px rgba(182, 146, 246, 0.25) inset !important; animation: moveGradient 10s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99), flashGlow 1.5s infinite; transition: transform 0.5s ease; position: relative; } /* animação do gradiente */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* texto animado no hover */ .snapbtn .elementor-button-text { align-self: center; margin-left: -4px; transition: margin 0.5s ease; } .snapbtn:hover .elementor-button-text { margin-left: 0; padding-left: 6px; } /* ícone dentro do botão */ .snapbtn .elementor-button-icon { background: none; width: 44px; height: 44px; border-radius: 200px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; } .snapbtn:hover .elementor-button-icon { rotate: -45deg; } /* brilho pulsante externo */ .snapbtn .elementor-button::before { content: ""; position: absolute; inset: 0; background: transparent; border-radius: inherit; animation: flashGlow 1.5s infinite; box-shadow: 0 0 10px -5px #9C4EFF; } @keyframes flashGlow { 70% { box-shadow: 0 0 0 20px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0ad14ee */.elementor-459 .elementor-element.elementor-element-0ad14ee { opacity: 0; filter: blur(7px); transform: translate(0, 80px); animation: showFromBottom 0.5s 0.5s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-27a6dd9 *//* === core === */ .cga8x{isolation:isolate;overflow:hidden;border-radius:999px;position:relative;width:100%;max-width:400px;margin:auto;--animation-speed:2s} .g3l2a .l9p1n,.g3l2a .z3m5q{opacity:1} .l9p1n,.f2k7s{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1} .l9p1n:before,.f2k7s:before{content:"";float:left;padding-top:100%} .l9p1n:after,.f2k7s:after{clear:both;content:"";display:block} .l9p1n{opacity:0;pointer-events:none;transition:1s ease opacity} .l9p1n *{height:100%;left:0;position:absolute;top:0;width:100%} .f2k7s,.t5c2e,.w4h9j{animation:borderTurn var(--animation-speed) infinite linear;background-image:conic-gradient(from 0 at 50% 50%,rgba(255,136,72,1) 0deg,rgba(100,132,139,0) 60deg,rgba(100,132,139,0) 300deg,rgba(255,198,164,1) 360deg);background-position:center center;background-repeat:no-repeat;background-size:cover} .r8v6d{-webkit-mask:url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E");mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-size:auto;-webkit-mask-size:auto} .t5c2e{filter:blur(8px);opacity:.12} .f2k7s{animation-name:borderTurnWithTranslate} .z3m5q{border-radius:999px;content:"";height:100%;inset:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;top:0;transition:1s ease opacity;width:100%;z-index:1} @keyframes borderTurn{0%{transform:rotate(0)}to{transform:rotate(360deg)}} @keyframes borderTurnWithTranslate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}} /* === button === */ .d1b0y{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 20px 10px 10px;background-color:#0F0D0D;background:linear-gradient(225deg,rgba(240,242,255,.24) 5%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.03) 68%);border:1px solid rgba(132,117,110,.26);border-radius:100px;box-shadow:23.9px 19.78px 82.49px 0 #00000094;flex-wrap:nowrap} .k6u3f{position:relative;z-index:2;text-align:center;padding:14px 16px;background:linear-gradient(271.55deg,rgba(255,136,72,.44) 5.88%,rgba(204,126,58,0) 50.22%,rgba(153,73,43,.44) 95.32%);border:1px solid rgba(132,117,110,.55);border-radius:100px;letter-spacing:.8px;font-family:"Aspekta",sans-serif;font-weight:600;font-size:15px;color:#fff;box-shadow:-4.15px 10.39px 70.01px 0 #1B1111E3,-2.08px 4.15px 38.22px 0 #0F0F0F,-5.2px -4px 12.3px -10.4px #FFE5BC57 inset;overflow:hidden} .k6u3f::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://cdn.snappages.com.br/imagens/component-assets/button-lava-background.webp") no-repeat center/cover;border-radius:100px;transform:scale(1.1);opacity:.8;transition:transform .3s ease,opacity .3s ease;z-index:-1} .k6u3f:hover::before{transform:scale(1);opacity:1} .s0a8l{display:inline-block;width:18px;height:auto;opacity:1} /* === responsive === */ @media(max-width:480px){ .d1b0y{gap:10px;padding:8px 12px 8px 8px} .k6u3f{font-size:14px;padding:12px 14px} .s0a8l{width:16px} } @media(max-width:320px){ .d1b0y{gap:8px;padding:6px 8px 6px 6px} .k6u3f{font-size:12px;padding:10px 12px} .s0a8l{width:14px} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f440c29 */:root { --shiny-cta-bg: #000000 /*fundo do botão*/ !important; --shiny-cta-bg-subtle: #1a1818 !important; /*borda escura do botão*/ --shiny-cta-fg: #ffffff !important; --shiny-cta-highlight: #9C4EFF !important; /*luz do botão*/ --shiny-cta-highlight-subtle: white !important; } @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; } @media only screen and (max-width: 600px) { .btn18 { --animation: gradient-angle linear infinite !important; --duration: 3s !important; /*tempo em que o círculo brilhante demora para completar a sua volta*/ --shadow-size: 2px !important; isolation: isolate !important; position: relative !important; overflow: hidden !important; cursor: pointer !important; outline-offset: 4px !important; padding: 1.25rem 1.5rem !important; line-height: 1.2 !important; border: 1px solid transparent !important; border-radius: 360px !important; color: var(--shiny-cta-fg) !important; 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 !important; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important; transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important; transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important; }} @media only screen and (min-width: 600px) { .btn18 { --animation: gradient-angle linear infinite !important; --duration: 3s !important; /*tempo em que o círculo brilhante demora para completar a sua volta*/ --shadow-size: 2px !important; isolation: isolate !important; position: relative !important; overflow: hidden !important; cursor: pointer !important; outline-offset: 4px !important; padding: 1.25rem 2.5rem !important; line-height: 1.2 !important; border: 1px solid transparent !important; border-radius: 360px !important; color: var(--shiny-cta-fg) !important; 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 !important; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important; transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important; transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important; }} .btn18::before, .btn18::after, .btn18 span::before { content: "" !important; pointer-events: none !important; position: absolute !important; inset-inline-start: 50% !important; inset-block-start: 50% !important; translate: -50% -50% !important; z-index: -1 !important; } .btn18::before { --size: calc(100% - var(--shadow-size) * 3) !important; --position: 2px !important; --space: calc(var(--position) * 2) !important; width: var(--size) !important; height: var(--size) !important; background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box !important; background-size: var(--space) var(--space) !important; background-repeat: space !important; mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black ) !important; border-radius: inherit !important; opacity: 0.4 !important; } .btn18::after { --animation: shimmer linear infinite !important; width: 100% !important; aspect-ratio: 1 !important; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ) !important; mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important; opacity: 0.6 !important; } .btn18 span { z-index: 1 !important; position: relative !important; } .btn18 span::before { size: calc(100% + 1rem) !important; width: 370px !important; height: 90px !important; box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight) !important; opacity: 0 !important; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1) !important; } .btn18:hover, .btn18:focus-visible { --gradient-percent: 20% !important; --gradient-angle-offset: 95deg !important; --gradient-shine: var(--shiny-cta-highlight-subtle) !important; } .btn18:hover span::before { opacity: 1 !important; } @keyframes gradient-angle { to { --gradient-angle: 360deg; } } @keyframes shimmer { to { transform: rotate(360deg) !important; } } @keyframes breathe { 50% { transform: scale(1.2) !important; } } .btn18, .btn18::before, .btn18::after { animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused !important; animation-composition: add !important; } .btn18:hover, .btn18:hover::before, .btn18:hover::after { animation-play-state: running !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fad78c4 */.snap18 { cursor: pointer; overflow: hidden; position: relative; transition: all 0.35s cubic-bezier(0.25, 1, 0.3, 1); } .snap18::after { font-family: "Poppins", sans-serif; color: #fff; font-size: 24px; font-weight: 500; content: "SNAPPAGES"; display: flex; align-items: center; justify-content: center; pointer-events: none; background: transparent; transform: translateY(110%); z-index: 2; position: absolute; width: 100%; height: 100%; transition: all 0.65s cubic-bezier(0.25, 1, 0.3, 1); } .snap18:hover .elementor-button-text { transform: translateY(-220%) !important; transition: all 0.65s cubic-bezier(0.25, 1, 0.3, 1); } .snap18 .elementor-button-text { transition: all 0.65s cubic-bezier(0.25, 1, 0.3, 1); } .snap18:hover::after { transform: translateY(-100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-245eaf7 */.btn17 { position: relative; overflow: hidden; border-radius: 0.625rem; background: var(--2, linear-gradient(90deg, #96BEFB 2.54%, #FFF 41.05%, #96BEFB 92.3%)); box-shadow: 0px -27px 80px 0px rgba(65, 124, 255, 0.22), 0px -9.855px 29.201px 0px rgba(65, 124, 255, 0.15), 0px -4.785px 14.177px 0px rgba(65, 124, 255, 0.12), 0px -2.346px 6.95px 0px rgba(65, 124, 255, 0.10), 0px -0.927px 2.748px 0px rgba(65, 124, 255, 0.07); z-index: 0; } /* Faixa diagonal real passando em cima */ .btn17::after { content: ''; position: absolute; top: -60%; left: -40%; width: 5.625rem; height: 9rem; background: linear-gradient(7deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0) 66.66%); filter: blur(2px); mix-blend-mode: overlay; transform: rotate(20deg); animation: brilho-diagonal-real 3s ease-in-out infinite; pointer-events: none; z-index: 1; } .btn17 .elementor-button-text { position: relative; z-index: 2; } @keyframes brilho-diagonal-real { 0% { left: -40%; } 100% { left: 140%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8e57295 */.elementor-459 .elementor-element.elementor-element-8e57295 { --gradient-direction: to bottom; /* Altere para to right, to top, -45deg, etc. */ --gradient-color: #9C4EFF; /* Cor do gradiente */ --bg-color: #131418; /* Cor de fundo interna */ --radius: 20px; /* Arredondamento */ --border-padding: 2px; /* Espessura da borda */ position: relative; border-radius: var(--radius); z-index: 1; } .elementor-459 .elementor-element.elementor-element-8e57295::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: var(--border-padding); border-radius: var(--radius); z-index: 10; pointer-events: none; background: linear-gradient(var(--gradient-direction), var(--gradient-color), transparent); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .elementor-459 .elementor-element.elementor-element-8e57295::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius); background: var(--bg-color); z-index: -1; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-e3aca5a */.elementor-459 .elementor-element.elementor-element-e3aca5a { --gradient-direction: to bottom; /* Altere para to right, to top, -45deg, etc. */ --gradient-color: #9C4EFF; /* Cor do gradiente */ --bg-color: #131418; /* Cor de fundo interna */ --radius: 20px; /* Arredondamento */ --border-padding: 2px; /* Espessura da borda */ position: relative; border-radius: var(--radius); z-index: 1; } .elementor-459 .elementor-element.elementor-element-e3aca5a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: var(--border-padding); border-radius: var(--radius); z-index: 10; pointer-events: none; background: linear-gradient(var(--gradient-direction), var(--gradient-color), transparent); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .elementor-459 .elementor-element.elementor-element-e3aca5a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius); background: var(--bg-color); z-index: -1; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dba0ce6 */.elementor-459 .elementor-element.elementor-element-dba0ce6 { --gradient-direction: to bottom; /* Altere para to right, to top, -45deg, etc. */ --gradient-color: #9C4EFF; /* Cor do gradiente */ --bg-color: #131418; /* Cor de fundo interna */ --radius: 20px; /* Arredondamento */ --border-padding: 2px; /* Espessura da borda */ position: relative; border-radius: var(--radius); z-index: 1; } .elementor-459 .elementor-element.elementor-element-dba0ce6::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: var(--border-padding); border-radius: var(--radius); z-index: 10; pointer-events: none; background: linear-gradient(var(--gradient-direction), var(--gradient-color), transparent); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .elementor-459 .elementor-element.elementor-element-dba0ce6::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius); background: var(--bg-color); z-index: -1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8892a0f */.elementor-button { animation: textura 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite; background-image: linear-gradient(45deg, #9C4EFF, #EEE4FD, #9C4EFF, #EEE4FD); /* Fundo dinâmico com tons suaves */ background-size: 400% 200%; transition: background 1.6s cubic-bezier(0.55, 0.1, 0.47, 0.94); box-shadow: 4px 4px 8px #c5c5c530, -4px -4px 8px #ffffff30 !important; /* Sombra leve para dar profundidade */ border: none; position: relative; overflow: hidden; width: 100%; z-index: 1; } @keyframes textura { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6fde04c */.elementor-459 .elementor-element.elementor-element-6fde04c .elementor-button { border-radius: 100px; position: relative; z-index: 1; opacity: 1; transition: 0.5s; } .elementor-459 .elementor-element.elementor-element-6fde04c .elementor-button:before{ content: ""; border-radius: inherit; background: linear-gradient(20deg, #9C4FFF, transparent, #FF4F9C, #9C4FFF, transparent, #FF4F9C); background-size: 1800%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -2; width: calc(100% + 5px); height: calc(100% + 5px); transition: 0.5s; animation: AnimationName 5s linear infinite; } .elementor-459 .elementor-element.elementor-element-6fde04c .elementor-button:after{ content: ""; border-radius: inherit; background: linear-gradient(to bottom, #2B2B2B, #141414); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; width: 100%; height: 100%; transition: 0.5s; } @keyframes AnimationName { 0%{background-position:0%} 50%{background-position:50%} 100%{background-position:100%} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fe6fe0b */.snap13 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 16rem; height: 3rem; border: none; background: transparent; border-radius: 2rem; cursor: pointer; overflow: hidden; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .snap13 .elementor-button-icon { position: absolute; left: 0; top: 0; bottom: 0; width: 3rem; height: 3rem; background: #9C4EFF; border-radius: 5rem; display: flex; align-items: center; justify-content: flex-start; padding-left: 0.9rem; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); z-index: 1; } .snap13 .elementor-button-icon .arrow-line { width: 1.125rem; height: 0.125rem; background: #000; position: relative; transition: inherit; z-index: 2; } .snap13 .elementor-button-icon .arrow-line::before { content: ""; position: absolute; top: -0.29rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #000; border-right: 0.125rem solid #000; transform: rotate(45deg); } .snap13 .elementor-button-text { position: relative; color: #000; z-index: 2; transition: color 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .snap13 .elementor-button:hover .elementor-button-icon { width: 100%; } .snap13 .elementor-button:hover .arrow-line { transform: translateX(1rem); } .snap13 .elementor-button:hover .elementor-button-text { color: #fff; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f211fb7 */:root { /* Cores principais */ --snap-color-primary: #9C4EFF; --snap-color-primary-dark: #7a3acc; --snap-color-primary-light: #b580ff; --snap-color-primary-medium: #a86bff; /* Cores de fundo */ --snap-color-bg: #1a1a1a; --snap-color-bg-outline: #2C2C2C; /* Transparências */ --snap-color-primary-transparent: #9c4eff00; } .snap20 .elementor-button { background: var(--snap-color-bg) !important; border: 3px solid var(--snap-color-bg); padding: 15px 60px; display: flex; align-items: center; justify-content: center; border-radius: 100px; position: relative; transition: 2s; } @media(max-width: 767px){ .snap20 .elementor-button { padding: 15px 30px; } } .snap20 .elementor-button:before { background-image: radial-gradient(43.3% 44.23% at 50% 49.51%, var(--snap-color-primary-light) 29%, var(--snap-color-primary-medium) 48.5%, var(--snap-color-primary) 60.71%, var(--snap-color-primary-transparent) 100%); filter: blur(5px); width: 300px; height: 150px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(var(--button-translate-x, -10%), -50%); border-radius: 100%; transition: transform 0.8s cubic-bezier(.4, 0, .2, 1); } .snap20 .elementor-button.hovering:before { transition: transform 0.15s ease-out !important; } .snap19{ padding: 0px !important; border-radius: 100px; outline: 4px solid var(--snap-color-bg-outline); } .snap19::before { transition: 0.35s ease-out; filter: blur(12px); background: linear-gradient(to right, transparent 30%, var(--snap-color-primary) 80%, var(--snap-color-primary-dark) 95%); width: 108%; height: 125%; left: 50%; top: 50%; content: ""; will-change: filter; border-radius: 100px; position: absolute; transform: translate(-50%, -50%); z-index: 1; opacity: var(--before-opacity, 1); } .snap19::after { transition: 0.35s ease-out; filter: blur(12px); background: linear-gradient(to left, transparent 30%, var(--snap-color-primary) 80%, var(--snap-color-primary-dark) 95%); width: 108%; height: 125%; left: 50%; top: 50%; content: ""; will-change: filter; border-radius: 100px; position: absolute; transform: translate(-50%, -50%); z-index: 1; opacity: var(--after-opacity, 0); } .snap20 .elementor-button-text, .snap20 .elementor-button-icon { z-index: 5; align-self: center !important; vertical-align: center !important; } .snap19 { width: fit-content; overflow: visible; z-index: 1; position: relative; padding: 0px; } .snap20 { z-index: 5; overflow: hidden; border-radius: 100px; position: relative; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e7f6f08 */:root { /* Definição de tons roxos */ --pulse-primary: #9C4EFF; --pulse-secondary: #7a3acc; --pulse-light: #b580ff; --pulse-accent: #c89fff; } /* Estilo base do botão com degradê em movimento */ .flow-btn .elementor-button { background: linear-gradient(135deg, var(--pulse-accent), var(--pulse-primary), var(--pulse-light), var(--pulse-secondary)); background-size: 300% 300%; animation: fluxo-dinamico 4.2s ease-in-out infinite; position: relative; z-index: 2; overflow: visible !important; padding: 18px 70px !important; min-width: 320px; width: auto; } /* Keyframe para criar movimento ondulante no fundo */ @keyframes fluxo-dinamico { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } /* Pseudo-elemento para adicionar profundidade visual */ .flow-btn .elementor-button::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, var(--pulse-accent), var(--pulse-primary), var(--pulse-light), var(--pulse-secondary)); background-size: 300% 300%; animation: fluxo-dinamico 3.8s ease-in-out infinite reverse; opacity: 0.4; filter: blur(8px); z-index: -1; } /* Garantir que o texto fique visível acima das camadas */ .flow-btn .elementor-button-text { position: relative; z-index: 5; } /* Badge informativo posicionado abaixo do botão - OCULTO por padrão */ .flow-btn .preco-tag { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); padding: 8px 22px; font-size: 0.74em; white-space: nowrap; color: #ffffff; z-index: 5; width: auto; background: rgba(20, 20, 20, 0.92); border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: block; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease, bottom 0.3s ease; } /* Mostrar a tag no hover */ .flow-btn .elementor-button:hover .preco-tag { opacity: 1; visibility: visible; bottom: -45px; } /* Interação ao passar o mouse sobre o botão */ .flow-btn .elementor-button:hover { animation-duration: 2.8s; transform: translateY(-2px); transition: transform 0.3s ease; } /* Otimização para telas menores */ @media (max-width: 768px) { .flow-btn .elementor-button { padding: 16px 50px !important; min-width: 260px; } .flow-btn .preco-tag { font-size: 0.7em; padding: 7px 18px; bottom: -36px; } .flow-btn .elementor-button:hover .preco-tag { bottom: -32px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-947d6f5 */.snap .elementor-button { padding: 0.4rem 0.4rem 0.4rem 2rem !important; /* Espaçamento interno */ border-radius: 50px !important; /* Borda arredondada */ background: linear-gradient(90deg, #9C4EFF 0%, #6B1AFF 100%) !important; /* 🌈 Gradiente roxo Snap */ } .snap .elementor-button-text { align-self: center; } .snap .elementor-button-icon { font-size: 10px !important; padding: 10px; margin-left: 10px; background: #fff; border-radius: 50%; color: #000 !important; vertical-align: middle; rotate: -45deg; transition: 0.4s ease all; } .snap .elementor-button-icon svg path { fill: #000 !important; transition: 0.6s ease all; } .snap:hover .elementor-button-icon { rotate: 0deg; /* Ícone gira suavemente ao hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-af21855 */.elementor-459 .elementor-element.elementor-element-af21855{ border-radius: 1000px; border: 1px solid #BEBEBE50; background: rgba(49, 49, 49, 0.58); backdrop-filter: blur(14.050000190734863px); } .elementor-459 .elementor-element.elementor-element-af21855 { position: fixed; bottom: 24px; right: 24px; z-index: 9999; } /* Ajustes para mobile (até 767px) */ @media (max-width: 767px) { .elementor-459 .elementor-element.elementor-element-af21855 { bottom: 16px; right: 0px; transform: scale(0.9); /* Reduz um pouco o tamanho, opcional */ } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9df02ed */.btn .elementor-button::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: calc(100% + 16px); height: calc(100% + 16px); border-radius: 500px !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; /* azul degradê */ background: rgba(59, 130, 246, 0.12) !important; /* glow suave */ } .btn .elementor-button::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 500px !important; background-image: linear-gradient(89deg, #3b82f6, #ec4899, #3b82f6, #ec4899) !important; background-size: 400% 200%; transition: background 1.8s cubic-bezier(0.55, 0.1, 0.47, 0.94) 0s; transition: all 0.8s ease; animation: textura 2s ease infinite; } .btn { transition: 0.3s ease; } .btn:hover { transform: scale(1.04); } @media(max-width:767px){ .btn .elementor-button::before { width: calc(100% + 16px); height: calc(100% + 16px); } } .btn .elementor-button span { z-index: 4; white-space: wrap !important; } @keyframes textura { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4bf50f5 */.snap15 .elementor-button { position: relative; background: linear-gradient(90deg, #9C4EFF, #f441a5, #ffeb3b, #9C4EFF); background-size: 300%; border-radius: 30px; z-index: 1; transition: background 0.3s ease; } /* Animação contínua no hover */ .snap15 .elementor-button:hover { animation: snap15-ani 8s linear infinite; border: none; } /* Brilho com blur */ .snap15 .elementor-button::before { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1; background: linear-gradient(90deg, #9C4EFF, #f441a5, #ffeb3b, #9C4EFF); background-size: 400%; border-radius: 35px; transition: 1s; } /* Efeito de blur no hover */ .snap15 .elementor-button:hover::before { filter: blur(20px); } /* Efeito ao clicar */ .snap15 .elementor-button:active { background: linear-gradient(32deg, ##9C4EFF, #f441a5, #ffeb3b, ##9C4EFF); } /* Keyframe da animação de gradiente */ @keyframes snap15-ani { 0% { background-position: 0%; } 100% { background-position: 400%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c62a9a6 */.snap8 .elementor-button { padding: 16px 33px; border-radius: 9px; color: #fff; cursor: pointer; transition: all 0.4s ease; box-shadow: none; } .snap8 .elementor-button:hover { box-shadow: 7px 5px 56px -14px #9C4EFF; } .snap8 .elementor-button:active { transform: scale(0.97); box-shadow: 7px 5px 56px -10px #9C4EFF; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1552661 */ /* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c9c6377 */.elementor-459 .elementor-element.elementor-element-c9c6377{ transform-origin: left; transform: scale(0.8) } .pcl-viewers { display: flex; color: #ffffff; /mude a cor do número aqui/ font-size: 1.5em; justify-content: center; align-items: center } .olho{ stroke: #ffffff70; /*cor do olho*/ } .pupila{ stroke: #ffffff; /mude a cor do ícone de olho aqui/ } .texto { color: #ffffff70; /*cor do texto*/ margin-left: 5px; } .usuarios { padding-right: 10px; margin-left: 10px; } .elementor-459 .elementor-element.elementor-element-c9c6377 svg{ height: unset; }/* End custom CSS */