/* login-bg.css — Capa visual de los logins de Calut (app + hub).
 * Solo presentación. Acompaña a login-bg.js (red de nodos + micro-transición).
 */

/* Canvas de fondo: fijo, detrás del contenido (z-index -1 pinta sobre el fondo
 * del body pero debajo de la card/logo, que son cajas no posicionadas). */
.login-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
  background: #001325; /* fallback navy si el JS no corre */
}

/* Overlay de la micro-transición post-login: cubre la pantalla al autenticar. */
#page-transition {
  position: fixed;
  inset: 0;
  background: #001325;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity .3s ease;
}
#page-transition.active {
  opacity: 1;
  pointer-events: auto;
}

/* Entrada suave de la card al cargar la página de login. */
.login-enter {
  animation: loginEnter .4s ease both;
}
@keyframes loginEnter {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  #page-transition { transition: none; }
  .login-enter { animation: none; }
}