p{
font-family: 'Open Sans';
font-style: normal;
}
#contador{
display: none;
}
.botao-curso-promocao-performance{
width: 421px;
height: 40px;
background: linear-gradient(246.73deg, #7E15C5 25.5%, #37BAEF 91.58%);
border-radius: 5px;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
}
.nao-e-sorteio{
font-weight: 700;
font-size: 24px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
background: radial-gradient(51.71% 94.44% at 67.66% 5.56%, #9C27EC 0%, #51E0FF 52.6%, #4BE47F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.passos-promocao-performance{
font-weight: 300;
font-size: 44px;
line-height: 53px;
}
.certificacao-promocao-performance{
font-weight: 300;
font-size: 28px;
line-height: 53px;
}
.container-botao-compartilhe-promocao-performance {
margin-right: 30px;
width: 510px;
height: 208px;
background: #FFFFFF;
border-radius: 10px;
padding: 27px 67px;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: space-around;
}
.texto-ativo-promocao-performance{
width: 324px;
height: 53px;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #212121;
}
.numero-colorido-promocao-performance{
text-align: center;
height: 48px;
font-weight: 800;
font-size: 67px;
line-height: 42px;
background: linear-gradient(246.73deg, #7E15C5 25.5%, #37BAEF 91.58%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.container-promocao-performance{
padding-top: 200px;
text-align: center;
margin-bottom: 123px
}
.compartilhe-1-promocao-performance{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.copie-2-promocao-performance{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.container-botao-copia-cupom-promocao-performance{
width: 510px;
height: 208px;
background: #FFFFFF;
border-radius: 10px;
padding: 27px 67px;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: space-around;
}
.local-cupom-curso-gratis-promocao-performance{
background: linear-gradient(246.73deg, #7E15C5 25.5%, #37BAEF 91.58%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: none;
font-size: 16px;
font-weight: 700;
text-align: center;
}
.container-instrucoes-promocao-performance{
display: flex;
justify-content: space-around;
flex-direction: row;
flex-wrap: wrap;
margin-top: 62px;
margin-bottom: 170px;
}
.site-resgate-promocao-performance{
width: 360px;
height: 208px;
background: #FFFFFF;
border-radius: 10px;
display: flex;
}
.cadastro-site-promocao-performance{
width: 360px;
height: 208px;
background: #FFFFFF;
border-radius: 10px;
display: flex;
}
.aproveite-curso-promocao-performance{
width: 360px;
height: 208px;
background: #FFFFFF;
border-radius: 10px;
display: flex;
}
.resgate-3-promocao-performance{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.texto-3-5-ativo-promocao-performance{
width: 199px;
height: 46px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #212121;
margin-left: 20px;
}
.cadastro-4-promocao-performance{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.aproveite-5-promocao-performance{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.link-ava-promocao-performance{
text-align: center;
background: linear-gradient(246.73deg, #7E15C5 25.5%, #37BAEF 91.58%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.video-explicativo-como-resgatar-promocao-performance{
font-weight: 700;
font-size: 28px;
line-height: 42px;
text-align: center;
color: #FFFFFF;
} .container-botao-copia-cupom-opaco-promocao-performance{
opacity: 0.37;
border: 1px solid #FFFFFF;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
height: 208px;
justify-content: space-evenly;
}
.texto-ativo-opaco-promocao-performance{
color: #ffffff;
font-weight: 300;
font-size: 20px;
line-height: 30px;
width: 324px;
height: 53px;
}
.botao-curso-opaco-promocao-performance{
background: #FFFFFF;
opacity: 0.2;
border-radius: 5px;
color: #212121;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 16px;
line-height: 20px;
width: 421px;
height: 40px;
}
.texto-3-5-ativo-promocao-opaco-performance {
width: 199px;
height: 46px;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: #ffffff;
margin-left: 20px;
}
.site-resgate-opaco-promocao-performance {
width: 360px;
height: 208px;
background: transparent;
border-radius: 10px;
display: flex;
border: 1px solid #ffffff;
opacity: 0.37;
}
.aproveite-curso-opaco-promocao-performance{
width: 360px;
height: 208px;
background: transparent;
border-radius: 10px;
display: flex;
border: 1px solid #ffffff;
opacity: 0.37;
}
.cadastro-site-opaco-promocao-performance{
width: 360px;
height: 208px;
background: transparent;
border-radius: 10px;
display: flex;
border: 1px solid #ffffff;
opacity: 0.37;
}
.numero-opaco-promocao-performance{
text-align: center;
height: 48px;
font-weight: 800;
font-size: 67px;
line-height: 42px;
color: #ffffff;
}
#passos-3-5-normais{
display: none;
}
#copia-normal-promocao-performance{
display: none;
}
@media only screen and (max-width: 1024px){
.container-botao-compartilhe-promocao-performance {
width: 440px;
padding: 0px;
}
}
@media only screen and (max-width: 768px){
.container-botao-compartilhe-promocao-performance {
margin-right: 0px;
width: 100%;
margin-bottom: 60px
}
.container-botao-copia-cupom-promocao-performance{
margin-right: 0px;
width: 100%;
}
.site-resgate-promocao-performance, .site-resgate-opaco-promocao-performance {
width: 100%;
justify-content: center;
margin-bottom: 60px;
}
.cadastro-site-promocao-performance, .cadastro-site-opaco-promocao-performance {
width: 100%;
justify-content: center;
margin-bottom: 60px;
}
.aproveite-curso-promocao-performance, .aproveite-curso-opaco-promocao-performance{
width: 100%;
justify-content: center;
}
}
@media only screen and (max-width: 414px){
.botao-curso-promocao-performance {
width: 250px;
}
.texto-ativo-promocao-performance {
width: 260px;
color: #212121!important;
}
.texto-ativo-opaco-promocao-performance {
width: 240px;
}
.botao-curso-opaco-promocao-performance {
color: #212121!important;
width: 260px;
}
.texto-3-5-ativo-promocao-performance {
color: #212121!important;
}
.numero-colorido-promocao-performance, .numero-opaco-promocao-performance {
width: 48px;
}
}
@media only screen and (max-width: 360px){
.texto-ativo-promocao-performance, .texto-ativo-opaco-promocao-performance {
width: 210px;
}
}
@media only screen and (max-width: 320px){
.passos-promocao-performance {
font-weight: 400;
font-size: 27px;
line-height: 36px;
}
.nao-e-sorteio {
font-size: 20px;
}
.certificacao-promocao-performance {
font-size: 24px;
}
}