body {
  font-family: "Poppins", sans-serif;
}
.bg-img {
  background: url("../images/login.jpg") no-repeat center center fixed;
  background-size: cover;
}
.glass-effect {
  background: rgba(0, 0, 0, 0.336);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.bg-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.585);
}

/* Para el banner de carga, pero puede que no lo coloque. Después vemos */
/* .loader.simple-loader {
  background-color: #F5F6FA;
  height: 100%;
  width: 100%;
  position: fixed;
  place-content: center;
  overflow: hidden !important;
  right: 0px;
  z-index: 1250;
}
.loader.simple-loader .loader-body {
  background: url(../images/carga.gif) no-repeat scroll center center;
  -webkit-background-size: 10% 10%;
          background-size: 10%;
  width: 100%;
  height: 100%;
  position: relative;
} */