.logo {
  width: 170px;
  height: 170px;
  background: url('../assets/img/logo_completa.png') no-repeat center center;
  background-size: contain;
  animation: pulsar 2.5s infinite;
}
:root {
  --sat: 25%;
  --l1: 97%;
  --l2: 95%;
  --angle: 120deg;
  --h1: 210;
  --h2: 215;
}

.bg-blue-animated {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: #fff;
  transition: background 400ms ease;
}

.bg-blue-animated::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(var(--angle),
    #ffffff 0%,
    #2e5da986 100%
  );
  opacity: 1; 
  transition: opacity 400ms ease, background 400ms ease;
  pointer-events: none;
}




html, body {
  height: 100%;
  margin: 0;
}

.auth-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  max-width: 920px;
  min-height: 420px;
}

.auth-card > [class*="col-"] {
  display: flex;
}

.auth-right {
  background: #fff;
}

.auth-right .form-label {
  color: #000 !important;
  text-align: left !important;
  display: block;
  font-weight: 500;
  margin-bottom: 0.35rem;
}

.auth-right .form-control {
  margin-bottom: 0.5rem;
}

@media (max-width: 767.98px) {
  .auth-card {
    max-width: 380px;
    min-height: auto;
  }
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes pulsar {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}