purple{
background: linear-gradient(to right, #D922ED 0%, #791DF3 50%, #00B3FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
selector::before{
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: linear-gradient(to right, #791DF3, #D922ED70, transparent);
padding: 1px;
-webkit-mask: linear-gradient(to right, #fff, #fff) content-box,
linear-gradient(to right, #fff, #fff);
-webkit-mask-composite: xor;
}
selector input{
font-size: 14px;
}
selector .elementor-field-textual:focus,
selector .elementor-field-textualt:valid{
color: #8139C9 !important;
font-size: 12px;
padding-bottom: 20px;
}
selector .elementor-field{
background-color: rgba(129,57,201,0.1)!important;
backdrop-filter: saturate(100%) blur(7px);
-webkit-backdrop-filter: saturate(100%) blur(7px);
-moz-backdrop-filter: saturate(100%) blur(7px);
-o-backdrop-filter: saturate(100%) blur(7px);
}
selector .elementor-button[type="submit"]:hover{
transition: .5s;
background: #791DF3;
box-shadow: 0 0 5px #791DF3,
0 0 25px #791DF3,
0 0 50px #791DF3,
0 0 100px #791DF3;
}
/* Deixa o box invisível */
selector input[type="checkbox"], selector input[type="radio"]{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}
/* Para botões radio */
.elementor-field-group-aceite > div label:before{
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 0.5em;
border-radius: 0%;
vertical-align: -3px;
border: 2px solid #8139c9; /* Cor da borda do Checkbox */
padding: 0.13em;
background-color: transparent;
background-clip: content-box;
transition: all 0.2s ease;
}
.elementor-field-group-aceite > div label{
margin-right: 1em;
}
.elementor-field-group-aceite > div input:hover + label:before{
border-color: #8139c9;
background-color: #8139c9;
}
.elementor-field-group-mt_radio > div input:checked + label:before{
background-color: #8139c9;
border-color: #8139c9;
}
/* Para botões checkbox */
.elementor-field-group-aceite > div label:before{
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 0.5em;
vertical-align: -3px;
border: 1px solid #8139c9; /* Cor da borda do Checkbox */
padding: 0.12em;
background-color: transparent;
background-clip: content-box;
transition: all 0.2s ease;
}
.elementor-field-group-aceite > div label{
margin-right: 1em;
position: relative;
}
.elementor-field-group-aceite > div label:after {
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
height: 11px;
left: 2px;
position: absolute;
top: 11px;
transform: scaleX(-1) rotate(135deg);
transform-origin: left top;
width: 6px;
display: none;
}
.elementor-field-group-aceite > div input:hover + label:before{
border-color: #8139c9;
cursor: pointer;
}
.elementor-field-group-aceite > div input:checked + label:before {
border-color: #8139c9;
background: #8139c9;
}
.elementor-field-group-aceite > div input:checked + label:after{
-moz-animation: check 0.8s ease 0s running;
-webkit-animation: check 0.8s ease 0s running;
animation: check 0.8s ease 0s running;
display: block;
width: 6px;
height: 11px;
border-color: #0c0c0c; /*
Cor do check */
margin-top: -4px;
}
/* Animação do Check */
@keyframes check{
0%{
height: 0;
width: 0;
}
25%{
height: 0;
width: 6px;
}
50%{
height: 11px;
width: 6px;
}
}
.elementor-field-group-aceite{
font-size: 12px;
}
selector{
white-space: nowrap;
}
selector{
position: absolute;
display: flex;
top: 90%;
left: calc(50% + 100px);
justify-content: center;
pointer-events: none;
}
selector .elementor-button:hover{
transition: .5s;
background: #791DF3;
box-shadow: 0 0 5px #791DF3,
0 0 25px #791DF3,
0 0 50px #791DF3,
0 0 100px #791DF3;
}
selector{
border-top: 1px solid;
border-image: linear-gradient(to right, transparent, #D922ED, #00B3FF, #791DF3, transparent) 1;
}
selector::after{
content: '';
position: absolute;
width: 100%;
height: 10px;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(98deg, #D922ED -5.25%, #791DF3 93.97%);
box-shadow: 100px 0px 80px 0px rgba(67, 179, 206, 0.31),
41.778px 0px 33.422px 0px rgba(67, 179, 206, 0.22),
22.336px 0px 17.869px 0px rgba(67, 179, 206, 0.18),
12.522px 0px 10.017px 0px rgba(67, 179, 206, 0.16),
6.65px 0px 5.32px 0px rgba(67, 179, 206, 0.13),
2.767px 0px 2.214px 0px rgba(67, 179, 206, 0.09);
overflow: hidden;
}
/* Estilos personalizados para a barra de progresso */
selector .elementor-progress-wrapper{
background: linear-gradient(90deg, #30303b 80%, #101012);
overflow: visible !important;
box-shadow: 0 2px 2px #30303b inset, 0 4px 8px #101012 inset, 0 8px 16px -8px #1a1a1a;
}
selector .elementor-progress-bar{
background-image: linear-gradient(90deg, #9234D0 80%, #b24bff);
border-radius: 12px !important;
box-shadow: 0 0 20px #b24bff80, 0 5px 5px #b24bff inset, 0 7px 10px -5px #30303b, 0 0 0 5px #b24bff1a;
position: relative;
}
selector .elementor-progress-bar::before{
content: '';
box-shadow: 0 0 40px #30303b, 0 0 40px purple, 0 0 25px #30303b, 0 0 25px #30303b;
width: 22px;
height: 22px;
position: absolute;
z-index: 0;
right: -8px;
bottom: 4px;
display: block;
border-radius: 50%;
animation: 1.2s ease 0s normal forwards 1 fadein;
}
selector .elementor-progress-bar::after{
content: '';
background: url("https://becaetano.com.br/wp-content/uploads/2024/05/giphy-11.gif") top center;
background-size: cover;
width: 38px;
height: 38px;
position: absolute;
right: -25px;
bottom: -4px;
transform: scale(1.4);
}
<script data-origin-src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.4.0/dist/confetti.browser.min.js" data-loading-method="user-interaction" data-src="https://becaetano.com.br/wp-content/cache/flying-press/confetti.browser.min.js"></script>
<script data-loading-method="user-interaction" data-src="data:text/javascript,%2F%2F%20Inclua%20este%20script%20ap%C3%B3s%20incluir%20a%20biblioteca%20canvas-confetti%0A%2F%2F%20via%20CDN%20ou%20como%20m%C3%B3dulo%0A%0Afunction%20explodeConfetti%28%29%20%7B%0A%20%20%20%20const%20duration%20%3D%202%20%2A%201000%3B%20%2F%2F%20Dura%C3%A7%C3%A3o%20da%20explos%C3%A3o%3A%202%20segundos%0A%20%20%20%20const%20animationEnd%20%3D%20Date.now%28%29%20%2B%20duration%3B%0A%20%20%20%20const%20defaults%20%3D%20%7B%20startVelocity%3A%2030%2C%20spread%3A%20360%2C%20ticks%3A%2060%2C%20zIndex%3A%200%20%7D%3B%0A%0A%20%20%20%20function%20randomInRange%28min%2C%20max%29%20%7B%0A%20%20%20%20%20%20%20%20return%20Math.random%28%29%20%2A%20%28max%20-%20min%29%20%2B%20min%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20const%20interval%20%3D%20setInterval%28function%28%29%20%7B%0A%20%20%20%20%20%20%20%20const%20timeLeft%20%3D%20animationEnd%20-%20Date.now%28%29%3B%0A%0A%20%20%20%20%20%20%20%20if%20%28timeLeft%20%3C%3D%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20clearInterval%28interval%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20const%20particleCount%20%3D%2050%20%2A%20%28timeLeft%20%2F%20duration%29%3B%0A%20%20%20%20%20%20%20%20confetti%28Object.assign%28%7B%7D%2C%20defaults%2C%20%7B%20particleCount%2C%20origin%3A%20%7B%20x%3A%20randomInRange%280.1%2C%200.3%29%2C%20y%3A%20Math.random%28%29%20-%200.2%20%7D%20%7D%29%29%3B%0A%20%20%20%20%20%20%20%20confetti%28Object.assign%28%7B%7D%2C%20defaults%2C%20%7B%20particleCount%2C%20origin%3A%20%7B%20x%3A%20randomInRange%280.7%2C%200.9%29%2C%20y%3A%20Math.random%28%29%20-%200.2%20%7D%20%7D%29%29%3B%0A%20%20%20%20%7D%2C%20250%29%3B%0A%7D%0A%0A%2F%2F%20Chama%20a%20fun%C3%A7%C3%A3o%20ao%20carregar%20a%20p%C3%A1gina%0Awindow.onload%20%3D%20explodeConfetti%3B"></script>
<script data-origin-src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.22/bundled/lenis.min.js" data-loading-method="user-interaction" data-src="https://becaetano.com.br/wp-content/cache/flying-press/lenis.min.js"></script>
<script data-loading-method="user-interaction" data-src="data:text/javascript,const%20lenis%20%3D%20new%20Lenis%28%7B%0A%20%20%20%20%20%20duration%3A%201.2%2C%0A%20%20%20%20%20%20easing%3A%20%28t%29%20%3D%3E%20Math.min%281%2C%201.001%20-%20Math.pow%282%2C%20-10%20%2A%20t%29%29%2C%0A%20%20%20%20%20%20orientation%3A%20%27vertical%27%2C%0A%20%20%20%20%20%20gestureOrientation%3A%20%27vertical%27%2C%0A%20%20%20%20%20%20smoothWheel%3A%20true%2C%0A%20%20%20%20%20%20wheelMultiplier%3A%201%2C%0A%20%20%20%20%20%20smoothTouch%3A%20false%2C%0A%20%20%20%20%20%20touchMultiplier%3A%202%2C%0A%20%20%20%20%20%20infinite%3A%20false%2C%0A%20%20%20%20%7D%29%0A%0A%20%20%20%20%2F%2Fget%20scroll%20value%0A%20%20%20%20lenis.on%28%27scroll%27%2C%20%28e%29%20%3D%3E%20%7B%0A%20%20%20%20%20%20console.log%28e%29%0A%20%20%20%20%7D%29%0A%0A%20%20%20%20function%20raf%28time%29%20%7B%0A%20%20%20%20%20%20lenis.raf%28time%29%0A%20%20%20%20%20%20%20requestAnimationFrame%28raf%29%0A%20%20%20%20%7D%0A%0A%20%20%20%20requestAnimationFrame%28raf%29"></script>