/* Estilos para o formulário */
#emprestimo-form {
  max-width: 600px; /* Largura máxima do formulário */
  margin: 0 auto; /* Centralizar horizontalmente */
  padding: 20px;
  /* background-color: #f2f2f2; */
  border-radius: 10px;
  border: solid 0px rgb(5, 16, 177)
}

/* Estilos para as linhas do formulário */
.form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  border : solid 0px green;
}

/* Estilos para os campos */
.input-wrapper {
  width: 100%;
  border: 0px solid greenyellow;
  margin-bottom: 10px;  
}

.input-wrapper.half-width {
  width: calc(100% - 5px);  
}

.input-wrapper.full-width {
  width: 100%;  
}

label {
  font-family: "Andada Pro"; /* Altere a fonte conforme desejado */    
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

.asterisco {
  color: #F4D918;
  font-size: large;
}

#nomeNovo, #telefoneNovo, #valorNovo, #parcelasNovo {
    width: 100%;
    padding: 13px;
    border: 2px solid #000;
    background-color: #fafafaec;
    box-sizing: border-box;
    border-radius: 18px;
    /* border: solid 3px green; */
  }

.espaco5 {
  margin-top: 5%;
}

button.estilo-botao-conf {
  display: inline-block;  
  margin: 0 0 0 16%;
  padding: 14px 80px;
  border: none;
  border-radius: 29px;
  background-color: #f4d918;
  color: #000;
  font-size : 30px;
  cursor: pointer;
  font-family: "Andada Pro"; /* Altere a fonte conforme desejado */    
}

button.estilo-botao-conf:hover {
  background-color: #1d6620;
  color: #fff;
}


#resultado {  
  width: 100%;
  text-align: center;
  font-weight: 550; 
  font-size: 20px;
  margin: 7% 0 0 0%; 
  padding: 3% 3% 3% 3%;
  border-radius: 8px;
  background-color: #e6e5e279;
  color: #000; /* Define a cor vermelha para as partes destacadas */
  border: solid 0px green;  
}

.destaqueNome {  
  font-weight: bold;
  font-size: 26px;
}

.valor-parcelado {
  font-size: 24px;
  font-weight: bold;
  color: green;
}

.valor-total {
  font-size: 20px;
  font-weight: bold; 
}

button.estilo-botao-zap {
  width: 70%;
  display: block;
  margin: 5% auto 0 14%;
  padding: 15px 10px;
  font-size: 25px;
  border: none;
  border-radius: 35px;
  background-color: #2a832e;
  color: #fff;
  -webkit-box-shadow: 2px 20px 58px -17px rgba(0,0,0,0.73);
  -moz-box-shadow: 2px 20px 58px -17px rgba(0,0,0,0.73);
  box-shadow: 2px 20px 58px -17px rgba(0,0,0,0.73);
  cursor: pointer;
}

button.estilo-botao-zap:hover {
  background-color: #1d6620;
  color: #f4d918;
}


/* Dispositivos com largura menor que 768 pixels 
AQUI ALTERA OS MAIORES TELA E ETC
*/
@media (min-width: 768px) {
  .formulario-container {
    max-width: 100%;
    border: solid 0px rgb(44, 205, 211);
  }
}

/*Dispositivos com largura maior ou igual a 768 pixels

AQUI ALTERA PARA OS CELULARES
*/
@media (max-width: 767px) {
  .formulario-container {
    padding: 10px;
    border: solid 0px rgb(131, 29, 117);
  }

  button.estilo-botao-conf {
    display: inline-block;  
    margin: 0% 0 0 8%;
    padding: 6% 10%;
    border: none;
    border-radius: 29px;
    background-color: #F4D918;
    color: #000;
    font-size : 25px;
    cursor: pointer;
  }
  
  .estilo-campo {
    font-size: 18px;
  }


  button.estilo-botao-zap {
    display: inline-block; 
    margin: 15% 0 0 2%;
    width: 100%;
    font-size: 20px;
    font-weight: bold;   
    background-color: #17a82f;

    /* margin: 5% auto 0 14%;
    padding: 15px 10px;
    font-size: 25px;
    border: none;
    border-radius: 35px;
    background-color: #17a82f;
    color: #fff;
    -webkit-box-shadow: 2px 20px 58px -17px rgba(0,0,0,0.73);
    -moz-box-shadow: 2px 20px 58px -17px rgba(0,0,0,0.73);
    box-shadow: 2px 20px 58px -17px rgba(0,0,0,0.73);
    cursor: pointer; */
  }
}