/* GLOBAIS */ 

 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

 :root{
     --cor-principal: #1f6daf ;
     --cor-sec: #e9e9e9;
     --cor-texts: ;
     --cor-titulosList: ;
     --cor-titulos: ;
     --cor-fundo: ;
     --cor-botoes: ;
     --cor-hover: #ffb701;
 
 }
 
 *{
     text-rendering: auto;
     box-sizing: border-box;
     font-family: 'Roboto', sans-serif;
     text-decoration: none;
     list-style: none;
     padding: 0;
     margin: 0;
     color: dimgray;
 }
 
 input {
     color: dimgray;
   }
 
 input[type="file"]{
     display: none;
 }
 .btfile{
     background-color: dimgray;
     color: #fff;
     display: flex;
     padding: 0.5rem;
     justify-content: center;
     align-items: center;  
     cursor: pointer;
     border-radius: 5px;
 }
 body::-webkit-scrollbar {
     width: 0.7em;
     background-color: #F5F5F5;
 } 
  
 body::-webkit-scrollbar-thumb {
   background-color: var(--rox_fort);
   border-radius: 10px;
   transition: all .3s;
 }
 body::-webkit-scrollbar-thumb:hover {
   background-color: var(--la_med);
   border-radius: 10px;
   transition: all .3s;
 }
 
 body::-webkit-scrollbar-track {
   background-color: #F5F5F5;
 }

 input{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: all .15s ease-in-out;
    box-sizing: border-box;
    font-family: "Heebo", Sans-serif !important;
}
select:focus,
input:focus{
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.1);
    border: 1px solid #ced4da;
    outline: #919191;

}
select:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
    border-color: #dc3545;
}

label{
    color: #686868 ;
    padding-bottom: 0.2rem;
}
  
  .sec_tc{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.log_esq {
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    min-width: 300px;
    max-width: 700px;
    margin: auto;
}
  .login_tc{
    width: 100%;
  }

  .login_tc h2,
  .cad_tc h2{
    font-size: 2vw;
  }
  .login_tc p{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .cad_tc{
    width: 100%; 
    display: flex;
    flex-direction: column; 
  }
  .cad_tc h2{
    margin-top: 5rem;
  }
  .cad_tc p{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .img_lat{
    background-image: url(lat3.jpg);
    background-size: cover;
    background-position: center;
  }

  .div_input_tc{
    margin-top: 0.5rem;
  }

  .bt-login-contato-tc{
    margin-top: 1rem;
  }
.div_input_tc{
  display: flex;
}
 .bt-login, .bt_cad {
  border-radius: 20px;
  width: 50%;
  background-color: #662d91;
  color: aliceblue !important;
  font-weight: 600;
  font-size: 1vw;
  margin: 1rem 0 auto;
  text-align: center;
  cursor: pointer;
}
.bt_cad {
  padding: 0.7rem;
}
 .bt-login:hover, .bt_cad:hover {
    background-color: #662d91;
}
.rec_senha{
  margin-top: 2rem;
  display: block;
  width: fit-content;
  border-bottom: 1px solid #686868;
  color: var(--cor-principal);
  text-decoration: none;
}

.cent{
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-info{
  background-color: var(--cor-principal) !important;
  color: #e9e9e9 !important;
  outline: none;
  border: none;
}
.btn-info:hover{
  background-color: var(--cor-hover) !important;
  color: #e9e9e9 !important;
  color: var(--cor-principal) !important;
}


@media all and (max-width: 768px)  {

  

      .login_tc p {
        font-size: 0.8rem;
    }

    .sec_tc {
      grid-template-columns: 1fr;
      grid-template-rows: 0.2fr 1fr;
    }

    .log_esq {
      width: 70%;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      order: 2;
    }

    .login_tc h2, .cad_tc h2 {
      font-size: 1rem;
    }

    .cad_tc h2 {
      margin-top: 5rem;
      padding-top: 5rem;
    }

}