.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  /* Capa inferior */
}

.ingresar_titulo {
  margin-bottom: 55px;
  font-weight: 400;
  font-size: 43px;
}

form label {
  margin-bottom: 0.5rem !important;
  margin-top: 0 !important;
}

.content {
  width: 1320px;
  border-radius: 10px;
  height: 621px;
  margin-top: 241px;
  margin-bottom: 255px;
  margin-right: 204px;
  margin-left: 204px;
  transition: all 0.30s ease-in-out;
}

.inputs-container {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  appearance: none !important;
  border-width: 1px !important;
  width: 100% !important;
  height: 62px !important;
  border: none !important;
  border-radius: 0 !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  color: rgb(55 65 81) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.formulario_login {
  background-color: rgb(15 23 42 / 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
}

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

/* logo */
.hub_header {
  width: 85px;
  height: 63px;
  margin: 0;
}

.image-logo {
  width: 257px;
  height: 95px;
}

/* logo */
/* sectores */
.logo {
  width: 50%;
}

.form {
  width: 50%;
}

/* sectores */
/* seccion 2 -form / inputs */

.form-inputs {
  width: 516px;
  height: 346px;
}

.form {
  padding-top: 114px;
  padding-bottom: 161px;
  padding-right: 134px;
}

/* titulo */
.bienvenida {
  width: 176px;
  height: 38px;
  margin-bottom: 26px;
}

/* inputs */
.form-input {
  border: 1px solid #EBEBEB !important;
  height: 77px !important;
  font-size: 18px !important;
  border-radius: 10px !important;
  font-family: "Outfit", sans-serif !important;
}

.input-email {
  font-weight: 500 !important;
  font-family: "Outfit", sans-serif;
  margin-bottom: 12px;
}

.input-password {
  font-weight: 500 !important;
  font-family: "Outfit", sans-serif !important;
  margin-bottom: 26px !important;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  cursor: pointer;
}

#eye-close,
#eye-open {
  width: 28px;
  height: 28px;
}

#eye-close {
  display: none;
}

/* float-label */
label {
  opacity: 1 !important;
  font-weight: 500 !important;
  font-size: 18px;
  font-family: "Outfit", sans-serif;
  color: black !important;
  padding: 1.5rem 30px !important;
}

/* correccion de utilities */
.container form button[type=submit] {
  margin-top: 0 !important;
}

.container form a {
  margin-top: 12px !important;
}

/* focus */
.form-floating>.form-control,
.container form .form-floating>input {
  padding: 1rem 30px;
}

.form-control:focus,
.container form input:focus {
  outline: 0 !important;
  border: 1px solid #EBEBEB !important;
  box-shadow: none !important;

}

/* focus */

/* correccion de utilities */
/* botonera */
.button_submit {
  background-color: #394C71 !important;
  font-family: "Montserrat", sans-serif !important;
  color: #ffff !important;
  font-weight: 700 !important;
  font-size: 18px;
  width: 100% !important;
  border: none !important;
  height: 58px !important;
}

.remember_pass {
  color: #949598 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  height: 20px;
  padding: 0 !important;
  text-decoration-line: none !important;
  background-color: transparent !important;
  font-family: "Montserrat", sans-serif !important;
  text-align: start;
  border: none !important;
}

.submit_remember {
  height: 90px;
  width: 515px;
}

/* botonera */
.bienvenida::after {
  content: "Iniciar sesión";
  font-size: 27px !important;
  font-weight: 600 !important;
  font-family: "Outfit", sans-serif;
}

@media (max-width: 1440px) {
  .form {
    padding-right: 0px;
  }

  .form-inputs {
    width: 100% !important;
    padding-right: 20px !important;
  }

  .submit_remember {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  .content {
    flex-direction: column;
    width: 308px !important;
    height: 537px !important;
    margin: 131px 26px;
  }

  .logo {
    width: 214px;
    height: 62px !important;
    margin-top: 46px !important;
    margin-bottom: 35px;
  }

  .hub_header {
    width: 55px;
    height: 41px;
    margin: 0;
    margin-left: -10px;
  }

  .image-logo {
    width: 168px;
    height: 62px;
  }

  .form {
    width: 100%;
    padding: 0 15px;
  }

  .form-inputs {
    width: 279px;
    height: 303px;
    padding: 0 12px;
  }

  .form-input {
    width: 255px !important;
    height: 58px !important;
  }

  .bienvenida::after {
    content: "¡Te damos la bienvenida!";
    font-size: 20px !important;
    font-weight: 600 !important;
    font-family: "Outfit", sans-serif;
  }

  .bienvenida {
    width: 100%;
    height: 25px !important;
    text-align: center;
    margin-bottom: 25px;
  }

  label {
    font-size: 14px;
    padding: 1.0rem 15px !important;
  }

  .form-floating>.form-control,
  .container form .form-floating>input {
    padding: 1rem 15px;
  }

  .password-toggle {
    right: 20px;
  }

  #eye-close,
  #eye-open {
    width: 18px;
    height: 18px;
  }

  .submit_remember {
    height: 105px;
    width: 100%;
  }

  .button_submit {
    font-size: 14px !important;
    padding: 16px 86px !important;
  }

  .remember_pass {
    width: 100%;
    height: 34px;
    font-size: 14px !important;
  }

  .container form a {
    margin-top: 21px !important;
  }
}

@media (max-height: 699px) {
  .content {
    width: 1020px !important;
    height: 480px !important;
  }

  .form {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }

  .form-inputs-res {

    padding-top: 50px !important;
    padding-right: 20px;

  }

  .button_submit_envio,
  .back_login {
    width: 238px !important;
  }
}

/* reset_password */
.back_login {
  background-color: white !important;
  padding: 18px 68px !important;
  border: none !important;
  box-shadow: none !important;
  margin-right: 15px;
}

.button_submit_envio,
.back_login {
  width: 248px;
  font-weight: 600 !important;

  margin-top: 0 !important;
  height: 58px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;

}

.button_submit_envio {
  background-color: #394C71 !important;
  padding: 18px 85px !important;
  font-size: 18px !important;
}

.restablecer_titulo {
  font-size: 30px !important;
  font-family: "Outfit", sans-serif !important;
  margin-bottom: 10px;
  font-weight: 600;
}

.restablecer_subtitulo {
  font-size: 16px !important;
  font-family: "Montserrat", sans-serif !important;
  margin-bottom: 26px;
  font-weight: 500;

}

.submit_restart {
  margin-top: 26px;
}

.form-inputs-res {
  width: 516px;
  height: 255px;
}

@media (max-width: 1440px) {
  .form {
    padding-right: 0px;
  }

  .form-inputs-res {
    width: 100% !important;
    padding-right: 20px !important;
  }

  .submit_restart {
    width: 100% !important;
  }

  .button_submit_envio,
  .back_login {
    padding: 18px 0px !important;
    width: 47% !important;
  }

  .back_login {
    margin-right: 12px;
  }

}

@media (max-width: 1024px) {
  .content {
    flex-direction: column;
    width: 308px !important;
    height: 537px !important;
    margin: 131px 26px;
  }

  .logo {
    width: 214px;
    height: 62px !important;
    margin-top: 46px !important;
    margin-bottom: 35px;
  }

  .form {
    padding: 0px 14px !important;

  }

  .form-inputs-res {
    width: 100% !important;
    padding: 0px 12px !important;
  }

  .restablecer_titulo {
    font-size: 20px !important;
    width: 100% !important;
    text-align: center !important;
  }

  .restablecer_subtitulo {
    font-size: 14px !important;
    text-align: center !important;
  }

  .submit_restart {
    padding: 0px 12px;
  }

  .button_submit_envio,
  .back_login {
    height: 50px !important;
    width: 105px !important;
    font-size: 14px !important;
    padding: 15px 0px !important;
  }

  .back_login {
    margin-right: 14px !important;
  }
}



/* reset_password */