.base {
  display: flex;
  justify-content: center;
  background: linear-gradient(130deg,#ff9f19 0%,#0082ca 100%);
  width: 100%;
  min-height: 100vh;
  padding: 7%;
  font-weight: 600;
}
.base .logo {
  margin-top: auto;
  background-color: #fcfcfc;
  padding: 30px;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
}
.base .logo #imagen {
  height: 581px;
}
.base .logo #logo {
  display: none;
}
.base .formulario {
  margin-top: auto;
  width: 33%;
  padding: 40px;
  height: 641px;
  padding-top: 5%;
  background-color: #d3d3d3;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  font-size: 1.1em;
}
.base .formulario .error {
  color: darkred;
}
.base .formulario p {
  margin-bottom: 40px;
}
.base .formulario label {
  display: block;
}
.base .formulario input {
  font-weight: 600;
  color: #0082ca;
  padding: 4%;
  border-radius: 8px;
  border: none;
  width: 100%;
  margin-bottom: 20px;
}
.base .formulario a {
  display: block;
  color: black;
  margin-bottom: 30px;
}
.base .formulario button {
  padding: 4px 15px 6px;
  color: #fcfcfc;
  background: linear-gradient(90deg,#0082ca 0%,#00b3ff 100%);
  border: none;
  border-radius: 10px;
}
.base .formulario input::-webkit-input-placeholder {
  color: #a3a3a3;
}
.base .formulario input:-moz-placeholder {
  color: #a3a3a3;
}
.base .formulario input::-moz-placeholder {
  color: #a3a3a3;
}
.base .formulario input:-ms-input-placeholder {
  color: #a3a3a3;
}
@media (max-width: 768px) {
  .base {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
  }
  .base .logo {
    width: 95%;
    margin: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
  }
  .base .logo #imagen {
    display: none;
  }
  .base .logo #logo {
    text-align: center;
    width: 100%;
    display: block;
  }
  .base .formulario {
    margin: 0;
    text-align: center;
    height: auto;
    padding-top: 10%;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 95%;
  }
  .base .formulario h1 {
    display: none;
  }
  .base .formulario button {
    padding-bottom: 5px;
  }
}