:root {
--purple-200: #A369FF;
--purple-300: #8733FF;
--purple-400: #6F00FF;
--purple-500: #5A13B4;
--grey-300: #4F4F4F;
--grey-400: #262626;
--white-100: #C6C6C6;
--white-200: #E0E0E0;
--white-300: #E8E8E8;
--white-400: #EAEAEA;
--white-500: #EDEDED;
--black-100: ##212022;
--black-200: #2E2B2B;
--black-300: #141414;
--transparent: transparent;
--marketing-300: #8F7DFF;
--comercial-300: #009DD1;
--financeira-300: #148757;
--processos-300: #9E2352;
--gradient-300: linear-gradient(316deg, #6F00FF 0%, #8733FF 100%);
--gradient-400: radial-gradient(209.21% 223.90% at 56.40% -88.70%, #8733FF 30.21%, #420C87 100%, #5A13B4 100%);
}
:focus {
outline: 0;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none!important;
border: none;
color: var(--white-300);
}
a:focus, a:active, a:hover{
border: none!important;
outline: none!important;
color: var(--purple-500);
}
p, h1, h2, h3, h4, h5, span{
color: var(--white-300);
}
@media screen and (min-width: 1921px) {
body {
max-width: 1903px!important;
margin: auto!important;
display: flow;
}
} .search-header{
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.search{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
border: solid 1px var(--white-300);
padding: 8px;
border-radius: 36px;
}
.icone-pesquisa{
margin-right: 0.85rem;
}
.text-right input{
border: none;
background-color: var(--transparent);
color: var(--white-300);
padding-left: 0.5rem;
}
.text-right input::placeholder{
color:var(--white-300);
}
.content-menu{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 5rem;
margin-left: auto;
}
.botoes-header{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
width: 150%;
justify-content: space-evenly;
margin-left: 2.3rem;
}
.botao-login{
display: flex;
align-items: center;
margin-bottom: 0px;
color: var(--white-300);
width: max-content;
}
.icone-blog{
margin-right: 0.85rem;
}
#icone-sobre-nos {
position: relative;
left: 1rem;
}  .c-qr-code-unintese {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
flex-direction: column;
}
.c-qr-code-unintese img{
height: auto;
}
.icon-bar {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 20000;
}
.redes-sociais-gestao-icones {
background-color: var(--white-300);
border-radius: 0 8px 8px 0;
}
.icon-bar a {
display: block;
text-align: center;
padding: 0px 5px;
transition: all 0.3s ease;
color: var(--black-200);
font-size: 30px;
}
.icon-bar a:hover{
color: var(--purple-500);
}  .teste__form{
display: flex;
flex-direction: column;
align-items: flex-start;
color: #212121!important;
}
.teste__vocacional{
display: flex;
justify-content: center;
align-items: center;
margin-top: 100px;
}
.resposta-teste-vocacional{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
margin-bottom: 20px;
}
.pergunta-teste-vocacional {
font-weight: 700;
font-size: 1.1rem;
line-height: 26px;
color: var(--black-200);
}
.texto-resposta-teste-vocacional {
font-size: 0.8rem;
line-height: 21px;
color: var(--black-200);
}
#botao-proximo {
margin-left: 34%;
padding: 3% 7%;
background-color: var(--purple-300);
color: var(--white-300);
border: none;
border-radius: 14px;
font-weight: 700;
transition: background-color 0.6s ease;
}
#botao-proximo:hover{
background-color: var(--purple-500);
color: var(--white-500);
transition: background-color 0.6s ease;
}
#botao-refazer{
display: inline;
margin-left: 30%;
padding: 3% 7%;
background-color: var(--purple-300);
color: var(--white-300);
border: none;
border-radius: 14px;
font-weight: 700;
transition: background-color 0.6s ease;
}
#botao-refazer:hover{
background-color: var(--purple-500);
color: var(--white-500);
transition: background-color 0.6s ease;
}
#botao-teste{
width: 360px;
border-radius: 14px;
text-align: center;
background-color: var(--purple-300);
color: var(--white-300);
font-weight: 700;
padding: 5%;
border: none;
transition: background-color 0.6s ease;
}
#botao-teste:hover{
background-color: var(--purple-500);
color: var(--white-500);
transition: background-color 0.6s ease;
}
.texto-descubra{
font-weight: 700;
font-size: 20px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}
.texto-teste-vocacional{
font-size: 16px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
}
.quadrado-teste-vocacional{
width: 360px;
height: 550px;
background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(147.11deg, #AA61DB 15.97%, #9C27EC 48.78%, rgba(156, 39, 236, 0.37) 93.57%);
border-radius: 10px;
color: #212121!important;
}
#campo-teste{
padding: 15px;
}
.opcao-teste-vocacional{
margin-top: 6px;
margin-right: 10px;
}
.titulo-teste-vocacional {
color: #212121!important;
font-size: 25px;
font-weight: bold;
}  .container_text-img-error-404{
align-items: center;
} @media(max-width: 767px){
.content-menu {
padding-right: 10%;
}
.botao-desaparece-mobile{
display: none;
}
.icon-bar{
margin-top: 1.5rem;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: nowrap;
background-color: var(--transparent);
border-radius: 0;
position: relative;
}
.icon-bar a{
color: var(--white-300);
}
}
@media only screen and (max-width: 377px){
.content-menu {
padding-right: 20%;
}
}
@media only screen and (max-width: 320px){
.content-menu{
display: none;
}
}
@media only screen and (width: 820px) and (height: 1180px) {
#saiba-mais-botao-desaparece-mobile {
display: none;
}
}
@media only screen and (width: 912px) and (height: 1368px) {
#saiba-mais-botao-desaparece-mobile {
display: none;
}
}
@media only screen and (width: 768px) and (height: 1024px) {
#saiba-mais-botao-desaparece-mobile {
display: none;
}
}