.title-login {
  font-size: calc(40px + 0.9vw);
  font-weight: 300;
  color: var(--bg-white-100);
}


.body-login {
  /* background: linear-gradient(160deg, #2c4a6e 0%, #4a7fa5 50%, #8ab4cc 100%);*/
  background:linear-gradient(135deg, #0f2744 0%, #1a4a7a 100%);
  font-family: 'DM Sans', sans-serif;
}

/* Círculo superior derecho BG*/
.pg-root::before {
  overflow: hidden;
  content: '';
  position: fixed;
  top: -15vw;
  right: -15vw;
  min-width: 300px;
  width: 40vw;
  height: 40vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  animation: float1 8s ease-in-out infinite;
}

/* Círculo inferior izquierdo BG*/
.pg-root::after {
  overflow: hidden;
  content: '';
  position: fixed;
  bottom: -10vw;
  left: -10vw;
  width: 30vw;
  height: 30vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
  animation: float2 10s ease-in-out infinite;
}

@keyframes float1 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(-2vw, 2vw) scale(1.05);
  }
}

@keyframes float2 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(2vw, -2vw) scale(1.08);
  }
}