#login {  
  background: linear-gradient(to bottom, rgba(115, 29, 52, 0.1), rgba(115, 29, 52, 0.7)), url("../img/log_1.jpg") center top no-repeat;
  background-size: cover;
}

.form-control:focus {
  outline: none; /* Remove o outline padrão */
  box-shadow: 0 0 5px rgba(115, 29, 52, 0.2); /* Define um novo glow com cor personalizada */
  border-color: rgba(115, 29, 52, 0.2); /* Altera a cor da borda também */
}

.btn-rec a {
  color: #2c2c2c; 
}

.btn-rec a:hover {
  color: #f5901d; 
}

.gradient-custom-2 {
  /* fallback for old browsers */
  background: #731d34;
  color: #fff; 

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, #731d34, #d8363a, #731d34);
  color: #fff; 

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #731d34, #d8363a, #731d34);
  color: #fff;
  
  border: none; /* Remove bordas padrões, se houver */
  box-shadow: none; /* Remove qualquer box-shadow existente */
}

.gradient-custom-2:focus {
  color: #fff;
  outline: none; /* Remove o contorno azul padrão */
  box-shadow: 0 0 4px rgba(216, 54, 58, 0.9); /* Define um novo glow personalizado */
}

.gradient-custom-2:hover {
  color: #fff;
  outline: none; /* Remove o contorno azul padrão */
  box-shadow: 0 0 4px rgba(216, 54, 58, 0.9); /* Define um novo glow personalizado */
}

@media (min-width: 768px) {
.gradient-form {
  height: 100vh !important;
}
}

@media (min-width: 995px) {
.gradient-custom-2 {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
}