:root {
  --PrimaryColor: #137695;
  --TitlesColor: #043c4d;
  --LegendsColor: #8c9394;
  --MenuHoverColor: #00c3ff;
  --ButonTextColor: #ffffff;
}

.formulario {
  width: 100%;
  background-color: #dadada;
}

.formulario h3 {
  font-size: 25px;
  font-weight: 600;
  padding-top: 60px;
  color: var(--TitlesColor);
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px;
}

.formulario p {
  text-align: center;
  color: var(--LegendsColor);
  padding-bottom: 25px;
}

.formulario .container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: none;
  padding: 0px;
}

.fomulario-inputs {
  width: 50%;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fomulario-inputs input,
.fomulario-inputs button {
  display: block;
  width: 100%;
  max-width: 600px;
  padding: 10px 15px;
  margin: 10px auto;
  border: 1px solid rgba(189, 189, 189, 0.365);
  background-color: #ffffff;
}

.fomulario-inputs input:focus {
  outline: none;
  box-shadow: none;
}

.fomulario-inputs input::placeholder {
  color: rgb(127, 126, 126);
  font-size: 15px;
}

.fomulario-inputs button.whatsapp-button {
  display: block;
  text-align: center;
  margin: 10px auto;
  padding: 10px 15px;
  background-color: var(--PrimaryColor);
  position: relative;
}
#btn-loader {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

.fomulario-inputs input.whatsapp-button:hover {
  background-color: var(--MenuHoverColor);
}

.formulario-img {
  width: 50%;
  min-height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/OTHER/form.png);
  filter: brightness(0.8);
}

@media (max-width: 768px) {
  .formulario-img {
    display: none;
  }

  .fomulario-inputs {
    width: 100%;
    padding: 0 40px;
  }
}