#appFrame.deliblip-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Única transición previa al login: el db se aleja y desaparece. */
#intro.deliblip-saliendo .db-logo {
  animation: deliblipDbSalida 380ms cubic-bezier(.18,.78,.22,1) forwards;
}

#intro.deliblip-saliendo {
  opacity: 0;
  transition: opacity 300ms ease 70ms;
}

@keyframes deliblipDbSalida {
  0%   { transform:translate3d(0,0,0) scale(1); opacity:1; filter:blur(0); }
  55%  { transform:translate3d(0,0,0) scale(.92); opacity:.78; filter:blur(.35px); }
  100% { transform:translate3d(0,0,0) scale(.78); opacity:0; filter:blur(3px); }
}

@media (prefers-reduced-motion: reduce) {
  #intro.deliblip-saliendo .db-logo,
  #intro.deliblip-saliendo {
    animation-duration: 1ms;
    transition-duration: 1ms;
    transition-delay: 0ms;
  }
}