@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;1,400&display=swap');


.modalLoading {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

.form-control {
  display: block;
  /*height: 50px;*/
  /*margin: 5px;*/
  border-radius: 30px;
  border: 0px solid black;
  font-size: 16pt;
  padding: 10px 20px;
}

.parte-texto-form{
  display:flex;
  flex-direction: column;
  gap:1rem
}

.titulo-form{
  font-weight: bolder;
  color: var(--Azul-Escuro);
  margin-bottom: 2.5rem!important;
  font-family: 'Roboto'
}

.parte-disclaimer-form{
  background: url('/Content/img/imagem_pagina_de_acesso.png') center no-repeat;
  background-size: cover
}

.parte-disclaimer-form p{
  color: white;
  font-family: 'Roboto';
  font-size:x-large;
  font-weight: 300
}

.parte-disclaimer-form h1{
  color: white; 
  font-weight:bolder
}

.btn-fale-conosco a {
  text-decoration: none;
  color: white;
  border: 0px solid black;
  font-size: 16pt;
  padding: 10px 20px;
  background: var(--Azul-Claro);
  border-radius: 30px;
}


.texto-disclaimer{
  display: flex;
  flex-direction: column;
  gap:2rem
}

.form-completo {
  -webkit-box-shadow: 15px 1px 49px 8px rgba(0,0,0,0.75);
  -moz-box-shadow: 15px 1px 49px 8px rgba(0,0,0,0.75);
  box-shadow: 15px 1px 49px 8px rgba(0,0,0,0.75);
}

.btn-contato {
  
  border-radius: 30px;
}

.btn-go2pagamento {
  text-decoration: none;
  color: white;
  border: 0px solid black;
  font-size: 16pt;
  padding: 10px 20px;
  background: var(--Azul-Escuro);
  border-radius: 30px;
}

.form-dadosAcesso {
  background: url('/Content/img/fundo_azul _de_pagina.png') center;
  background-size: contain;
  padding: 6rem
}

.parte-texto-form {
  background: var(--Branco)
}

.info-title {
  color: var(--Azul-Escuro);
  font-weight: bolder;
}

.info-list{
  list-style:none;
  padding: 0;
}

.footer-body{
  display:flex;
  flex-direction:row;
 justify-content:center;
 width: 100%
}

.infos:not(:last-child) {
  border-right: 2px solid grey
}

footer .footer-body{
  margin-top:1rem;
}

.footer-bottom{
  background-color: var(--Azul-Escuro);
  color:white
}

@media (max-width: 992px) and (min-width: 600px) {

  .form-completo {
    display: block !important;
    width: 100% !important
  }

  .footer-body{
    display: block
  }
}

@media screen and (max-width: 600px) {
  .form-completo {
    display: block !important;
    width: 100% !important
  }

  #form-dadosAcesso {
    padding: 0
  }

  .footer-body {
    display: block
  }
}