/* ==========================
   Logo – Header
   ========================== */
/* Solo afecta al logo dentro del header */
.header .logo {
  height: 60px;
  transition: transform 0.3s ease;
  filter: drop-shadow(0 0 5px rgba(79, 195, 247, 0.5));
  z-index: 10;
}

.header .logo:hover {
  transform: scale(1.05) rotate(-2deg);
  filter: drop-shadow(0 0 10px rgba(79, 195, 247, 0.8));
}


/* ==========================
   Logo – Login
   ========================== */
/* Contenedor específico del logo en login */
.login-container .logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
  transform: translateZ(50px);
  width: 100%;
}

/* Solo afecta al logo dentro de .login-container .logo-container */
.login-container .logo-container .logo {
  width: 220px;
  height: auto;
  transition: transform 0.3s ease;
  margin-bottom: 1.5rem;
}

.login-container .logo-container .logo:hover {
  transform: scale(1.05) rotate(-2deg);
}