/*aqui, o css principal do site*/

/*import das variaveis e cores*/
 @import "cores-coral.css"; 


/*fonts*/
@font-face {font-family: 'padrao';src: url("../fonts/futura.ttf");}
@font-face {font-family: Gloss And Bloom; src: url('../fonts/Gloss_And_Bloom.ttf');}
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@font-face {font-family: 'neutra'; src: url('../css/font/NeutraDisplay-Medium.otf');}

*{font-family: 'Roboto', sans-serif;}

a[data-step-up]{text-decoration:none!important; background: #652d90;color: #11ba60;padding:10px;border-radius:10px;width:115px;font-size: 16px;}
a[data-step-down]{color: #652d90;cursor: pointer;}
a[data-step-down]:hover{text-decoration: underline!important;}
.links:hover {color: #000000!important;}
.links:link{color: #000000;}
body {background:#e2dffe}


/*cabecalho*/
header {display: flex;background: #e2dffe;padding: 1rem 0;justify-content: center;align-items: center;}
header h3 {font-family: 'Roboto', sans-serif;color: white;}
header h4 {font-weight: bold;color: #1571a3;margin-bottom: 0 !important;}
header h6 {font-weight: 100;color: white;}
header h4 span {font-weight: normal;}
header ul {margin-bottom: 0;}
.social{float: right;}
.social li {padding: 0px 10px;}
nav {background-color: #dc1f3d;}
nav li {padding: 0px 10px;}
.navbar-light .navbar-nav .nav-link{color: #fff;}
.social ul {justify-content: center;padding-left: 0px;}
.topo {display: flex;flex-direction: column;}
  

/*Logo*/
.logo{margin-bottom: 0px;display: flex;align-items: center;justify-content: flex-end;}
.selo{margin-bottom: 0px;display: flex;align-items: center;justify-content: flex-start;}
.logo img {width: 130px;margin-right: 40px;}
.selo img {width: 130px;margin-left: 40px;}
/* Formulário */
.form-progress {display: flex;padding: 10px;justify-content: space-around;}
.form-progress .step {border: 3px solid #8460a6;padding: 7px 15px;border-radius: 27px;font-weight: bold;margin-right: -2px;background-color: #fff;}
.form-progress .line {height: 15px;width: 100%;margin-top: 14px;border: 3px solid #8460a6;border-left: none;border-right: none;margin-right: -1px;}
.form {display: flex;flex-direction: column; align-items: center;text-align:center;}
.form-group{max-width:90%;}
.step.done, .step.step.done + .line{color: #dc1f3d;background-color: #00b6a7;}
.edicoes .bloco {background-color: #00b6a7;border-radius: 2em;padding: 1em;}
.box-step{display: none;}
#step0{display: block;}
.big {color: #652d90;font-weight: bold;font-size: 60px;}
.box-step h2 {font-size: 19px;color: #000000;font-family: 'Roboto', sans-serif;}
label {color: #000000;}
.textoPrincipal {text-align: center;color: #dc1f3d;font-family: 'Roboto', sans-serif;}
.edicoes {display: flex;align-items: center;justify-content: center;margin: 5em 0;flex-wrap: wrap;}
.edicoes .bloco a {width: auto;text-align: center;float: left;}
.edicoes .bloco .texto {margin: 0 1em;height: 50px;text-align: center;}
.edicoes .bloco .texto h2 {font-size: 0.8em;color: white;}
.edicoes .bloco .texto p {font-size: 1.0em;color: white;text-align: center;}
.blocoPrincipal {background-color: #00b6a7;width: 100%;border-radius: 2em;padding: 2em;}
.edicoes a {margin: 1em 0;display: block;padding: 2em;width: 26%;height: 600px;text-align: center;}
.caixa {cursor: pointer;margin: 5em auto;display: block;padding: 2em;width: 40%;text-align: center;}
.blocoPrincipal .texto {margin: 0 2em;text-align: center;}
.blocoPrincipal .texto h2 {font-size: 1em;color: white;}
.blocoPrincipal .texto p {font-size: 1.2em;color: white;height: 50px;text-align: center;}
.blocoPrincipal img {width: 70%;}
.imgBlocoPrincipal {width:300px!important;height:675px;margin:2em auto}
.imgBlocoSecundario {width: 200px!important;height: 450px;margin:2em auto}

/*Checkbox*/
.interesse{display:flex;flex-wrap:wrap;text-align: justify;margin-top:1rem;}
.check{margin:0 25px;width: auto;}
select {width:180px!important;}
input{margin-bottom:1rem;}


/*corpo*/
main {margin-top: 2rem;}

/*mobile*/

@media screen and (max-width: 2400px) {
  .textoPrincipal .txt2 {
    max-width: 100%!important;
  }
  .navbar-nav {
    margin-left: 24%!important;
  }
  .cabecalho1 {
    margin: 0px 38%!important;
  }
}

@media screen and (max-width: 1500px) {
  .textoPrincipal .txt2 {
    max-width: 100%!important;
  }
  .navbar-nav {
    margin-left: 40px!important;
  }
  .cabecalho1 {
    margin: 0px 29%!important;
  }
}

@media screen and (max-width: 1024px){
  span.cabecalho1{margin: 0px 24%!important;}
  .logo{width: 20%!important;}
  .navbar-expand-lg .navbar-nav .nav-link{margin: 0px;padding: 0px;}
  nav li{padding: 0px 6px;}
  .navbar-nav{margin-left: 25px!important;}
  .edicoes a {width: 42%;}
  .caixa {width: 50%;}
}

@media screen and (max-width: 770px){
  #step0 {margin-top: 0px!important;}
  .textoTopo {font-size: 20px;color: white;text-align: center;}
  #step1 h2 {margin-top: 0px!important;}
  .selo {justify-content: center;}
  .selo img {margin: 0;}
}

@media screen and (max-width: 768px){
  header {padding: 1rem;}
  .img-marca {display: flex;justify-content: center;}
  .img-marca a img{display: block; width:230px;}
  .big {font-size: 35px;}
  .form {margin-bottom: 2rem;}
  .cabecalho{margin: 0px!important;}
  .col-12{display: grid;text-align: center;}
  .social li{padding: 0px 15px;}
  .logo{width:100%!important;margin-bottom: 0px;height: auto!important;margin-bottom: 30px;justify-content: center;}
  .interesse{display: block;}
  .txt1 {margin-top: 20px;}
  .txt2 {max-width: none!important;margin: 0px 8%!important;}
  .col-md-8 img {width: 300px!important;height: 100px!important;}
  header {display: grid;text-align: center;}
  #celular {width: 100%!important;}
  .check {display: flex;align-items: baseline;}
  .logo img {margin: 0px;}
  .topo :nth-child(2) {margin-top: 0px!important}
  .edicoes .bloco {width: 100%;justify-content: center;align-items: center;flex-direction: column;flex-wrap: nowrap;height: auto;}
  .edicoes .bloco .texto {text-align: center;margin-top: 2em;height: auto;max-width: 90%;}
  .blocoPrincipal {justify-content: center;align-items: center;}
  .blocoPrincipal img {object-fit: contain;height: auto;}
  .caixa {padding: 0!important;width: 60%!important;height: auto!important;}
  
}

@media screen and (max-width:425px) {
  img.logo2 {margin: 20px 70px!important;}
  .topo :nth-child(1) { order: 0; }
  .topo :nth-child(2) { order: 0; } 
  .box-step h2 {max-width: 416px;margin-left: 6px;} 
  .selo {justify-content: center;margin-top: 20px;display: none;}
  .selo img {margin-left: 0px;}
  .edicoes {flex-direction: column;}
  .edicoes .bloco {width: 90%;margin: 0 auto;}
  .blocoPrincipal {width: 90%;flex-direction: column;display: flex;margin: 0 auto;}
  .edicoes .bloco .texto {text-align: center;margin-top: 2em;height: 200px;height: auto;}
  .blocoPrincipal .texto {text-align: center;margin-top: 2em;}
  .edicoes .bloco img {width: 90%;object-fit: contain;}
  .blocoPrincipal img {width: 100%!important;object-fit: contain;}
  .caixa {padding: 0!important;width: 100%!important;height: auto!important;}
}

@media screen and (max-width:375px) {
  img.logo2 {margin: 20px 40px!important;}
  .topo :nth-child(1) { order: 0; }
  .topo :nth-child(2) { order: 0; }
  .box-step h2 {max-width: 373px;}
  .selo {justify-content: center;margin-top: 20px;display: none;}
  .selo img {margin-left: 0px;}
}

@media screen and (max-width:320px) {
  img.logo2 {margin: 20px 11px!important;}
  .topo :nth-child(1) { order: 0; }
  .topo :nth-child(2) { order: 0; }  
  .box-step h2 {max-width: 318px;}
  .selo {justify-content: center;margin-top: 20px;display: none;}
  .selo img {margin-left: 0px;}
}

@media screen and (max-width:300px) {
  .textoTopo {text-align: center;color: #fff;font-size: 19px;margin: 10px 10px 0px 10px;}
  .form-control {padding: 0px!important;margin: 5px 0px;text-align: center;}
  .termos {display: inline-block!important;font-size: 12px;}
  .big {font-size:25px}
  .box-step h2 {font-size: 14px;}
  body {height: 450px;}
  .interesse {margin:0px;}
  .form {margin-bottom:0px;}
}