@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
/* Estilos para o body e html */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

/* Estilos para o iframe */
#meuIframe {
    width: 100%;
    height: 100%;
    border: none;
    overflow-y: scroll;
}

#tituloForm {
  padding-bottom: 40px;
}

#rapidoefacilForm {
  margin-top: 0px;
    
}
/* Estilos do botão flutuante */
.botao-flutuante {
    position: fixed;
    bottom: 50%;
    left: 20px;
    z-index: 9999;
    font-family: Titillium Web;
    background-color: #FF5003;
    border-radius: 4px;
}

.botao-flutuante a {
    display: inline-block;
    /* background-color: #FF5003; */
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

/* Estilos do botão flutuante */
.botao-flutuante-dash {
  position: fixed;
  bottom: 87.7%;
  left: 20px;
  z-index: 9999;
  font-family: Titillium Web;
  background-color: #FF5003;
  border-radius: 4px;
}

.botao-flutuante-dash a {
  display: inline-block;
  /* background-color: #FF5003; */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}

/* Estilos do botão flutuante */
.botao-flutuante-vagas {
  position: fixed;
  bottom: 13%;
  right: 5%;
  z-index: 9999;
  font-family: Titillium Web;
  background-color: #FF5003;
  border-radius: 4px;
}

.botao-flutuante-vagas a {
  display: inline-block;
  /* background-color: #FF5003; */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}

/* Estilos do botão flutuante */
.botao-flutuante-pagina-inicial {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 9999;
  border: 2px solid #333;
  border-radius: 4px;
  /* box-shadow: 6px 6px 6px 6px; */
  /* text-shadow: #b3b3b3; */
  font-family: Titillium Web;
  font-weight: bold;
  font-size: 50px;
}

.botao-flutuante-pagina-inicial a {
  display: inline-block;
  background-color: #FF7B00;
  color: #000;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}

/* Estilos de Formulario */
.inputBox {
    position: relative;
    display: flex; 
    flex-direction: column; 
    align-items: center;
}
/* styles.css */
.aviso {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f00; /* Cor de fundo vermelha, você pode personalizar */
    color: #fff; /* Cor do texto, você pode personalizar */
    padding: 10px;
    border-radius: 5px;
    opacity: 0; /* Comece com opacidade zero para esconder o aviso */
    transition: opacity 0.5s ease-in-out; /* Adicione uma transição de 0,5 segundos para a opacidade */
    z-index: 9999;
}

.aviso.mostrar {
    opacity: 1; /* Defina a opacidade como 1 para mostrar o aviso */
    z-index: 9999;
    position: absolute;
}

.box-pulse { 
    font-size: 500%;

}
.box-pulse a {
  
  text-decoration:none;
  display: inline-block;
  font-size: 1.1em;
  font-family:Titillium Web, sans-serif;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.botao-pulse {
  padding: 40px 40px;
  color: #24460b;
  background-color: #00ff76;
  border-radius:4px; 
  -webkit-animation: pulse 1s ease infinite;
  -moz-animation: pulse 1s ease infinite;
  -ms-animation: pulse 1s ease infinite;
  -o-animation: pulse 1s ease infinite;
  animation: pulse 1s ease infinite;
  white-space: nowrap;
  box-shadow: 7px 7px;
}
.botao-pulse:hover {
  color: #fff;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(1.1);
  }
  50% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  25% {
    -ms-transform: scale(1.1);
  }
  50% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  
  0% { -o-transform: scale(1); }
  25% { -o-transform: scale(1.1); }
  50% { -o-transform: scale(1); }
  100% { -o-transform: scale(1); } 
}
@keyframes pulse { 
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

.titulo {
   font-size: 450%;
   font-family: Titillium Web;
   padding-top: 50px;
   padding-left: 70px;
   padding-right: 70px;
   padding-bottom: 70px;
   line-height: 80px;
   color: white;
   text-shadow: 2px 4px #b02e10;

}

.rapidoefacil {
   font-size: 300%;
   font-family: Titillium Web;
   padding-left: 70px;
   padding-right: 70px;
   line-height: 80px;
   color: white;
   margin-top: 70px;
   font-weight: 20;
   font-style: italic;

}

.relogio {
   vertical-align: middle;
   padding-left: 20px;
}

.body {
  background-image: url("https://harve.com.br/wp-content/uploads/2023/09/fundo-teste-home-1.png");
  padding-top: 10px; 
  background-position: center;
}

.bodydash {
 background-image: url("https://harve.com.br/wp-content/uploads/2023/10/fundo-teste-home_v2-preto.png");
 padding-top: 10px; 
 background-position: center;
}

.formulario {
  font-family: Titillium Web;
  font-size: 22px;
  color: white;
  font-weight: 20;
  /* position: absolute; */
}

.botaoenviar{
  background-color: #00ff76;
  vertical-align: middle;
  font-family: Titillium Web;
  font-size: 250%;
  color: #24460b;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  border-style: none;
  /* margin-left: 30px; */
  width: 300px;
  font-weight: 700;
  box-shadow: 6px 6px;
}

.botaoenviarFormulario{
  background-color: #00ff76;
  vertical-align: middle;
  font-family: Titillium Web;
  font-size: 250%;
  color: #24460b;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  border-style: none;
  /* margin-left: 30px; */
  width: fit-content;
  font-weight: 700;
  box-shadow: 6px 6px;
  margin-left: 30px;
}

.botaoChangeQuestions{
    background-color: #00ff76;
    vertical-align: middle;
    font-family: Titillium Web;
    font-size: 250%;
    color: #24460b;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    border-style: none;
    /* margin-left: 30px; */
    width: 300px;
    font-weight: 700;
    box-shadow: 6px 6px;
    margin: 20px;
    cursor: pointer;
  }

  #botoesPag1 {
    /* width: 100%;
    display: flex; */
    transition: opacity 0.5s ease; /* Adicione uma transição suave */
  }

#botoesPag2 {
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
  /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#botoesPag3 {
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
 /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#botoesPag4 {
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
  /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#botoesPag5 {
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
  /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

.formbox {
  background-color: rgba(0, 0, 0, .4);
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 4px;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
}

.boxinput {
  width: 250px;
  height: 45px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
}

/* Questionario */

.tituloQuestionario {
   font-size: 450%;
   font-family: Titillium Web;
   padding-top: 10px;
   padding-left: 70px;
   padding-right: 70px;
   padding-bottom: 30px;
   line-height: 80px;
   color: white;
   text-shadow: 2px 4px #b02e10;
   /* opacity: 0;
   transition: opacity 0.5s ease-in-out; */
}

.tituloQuestionario.mostrar {
    opacity: 1;
  }

.botaoenviarQuestionario{
  background-color: #00ff76;
  vertical-align: middle;
  font-family: Titillium Web;
  font-size: 30px;
  color: #24460b;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  border-style: none;
  /* margin-left: 30px; */
  width: 300px;
  font-weight: 700;
  box-shadow: 6px 6px;
  margin: 20px;
}

.formsubbox {
  background-color: #e8e8e8;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 4px;
  width: 100%;
  margin: 5px;
  text-align: left;
  padding: 20px;
  font-family: Titillium Web;
  font-weight: 20;
  font-size: 85%;
}

.perguntasbox {
  background-color: rgba(0, 0, 0, .4);
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 4px;
  overflow: hidden; 
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 200px;
  margin-right: 100px;
  padding: 30px;
  position: static;
  height: 45%;
}

#perguntas1234 {
  width: 100%;
  display: flex;
  flex-direction: column;
  /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#perguntas1e2 {
  width: 100%;
  display: flex;
  /* transition: opacity 0.5s ease; */
}

#perguntas3e4 {
  width: 100%;
  display: flex;
  /* transition: opacity 0.5s ease; */
}

#perguntas5678 {
  width: 100%;
  /* display: flex;
  flex-direction: column; */
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
  /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#perguntas5e6 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas7e8 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas9101112 {
  width: 100%;
  /* display: flex;
  flex-direction: column; */
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
 /* transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#perguntas9e10 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas11e12 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas13141516 {
  width: 100%;
  /* display: flex;
  flex-direction: column; */
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
  /*transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#perguntas13e14 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas15e16 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas17181920 {
  width: 100%;
  /* display: flex;
  flex-direction: column; */
  opacity: 0;
  display: none;
  visibility: hidden; /* Torna a div oculta invisível e mantém seu espaço ocupado */
  transition: opacity 0.5s ease; /* Adicione uma transição suave */
}

#perguntas17e18 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

#perguntas19e20 {
  width: 100%;
  display: flex;
  /* opacity: 0;
  display: none;
  visibility: hidden;
  transition: opacity 0.5s ease; */
}

.btradio { 
width:17px;
height:17px;
vertical-align: middle;
 }

.rapidoefacilQuestionario {
font-size: 200%;
font-family: Titillium Web;
padding-left: 70px;
padding-right: 70px;
color: white;   
font-weight: 20;
font-style: italic;
padding: 1%;
/* opacity: 0; */
/* transition: opacity 0.5s ease-in-out delay 0.5s; */
}

.rapidoefacilQuestionario.mostrar {
 opacity: 1;
}

.colorChange {
    /* filter: brightness(0.5); /* Diminui o brilho para 50% */
    background-color: #b3b3b3;
}

.colorChangeBotaoQuestoes {
    /* filter: brightness(0.5); /* Diminui o brilho para 50% */
    background-color: #365e3f;
}

.colorChangeBotaoHome {
  /* filter: brightness(0.5); /* Diminui o brilho para 50% */
  /* background-color: #FF4306; */
  background-color: #FFF;
}

.GrupoPerguntas {
  height: 80%;
}

.DuplaPerguntas {
  height: 50%;
}

.selectableAnswer {
  width: 100%;
  cursor: pointer;

}