html,
body {
  scroll-behavior: smooth;
}

* {
  scroll-margin-top: 90px !important;
}

@keyframes toast-in {
  0% {
    transform: translateY(120%) scale(0.92) rotateX(-15deg);
    opacity: 0;
  }
  60% {
    transform: translateY(-8px) scale(1.05) rotateX(4deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes toast-out {
  0% {
    transform: translateY(0) scale(1) rotateX(0deg);
    opacity: 1;
  }
  40% {
    transform: translateY(-6px) scale(0.96) rotateX(-3deg);
    opacity: 0.6;
  }
  100% {
    transform: translateY(130%) scale(0.92) rotateX(-15deg);
    opacity: 0;
  }
}

/* Utilidades extra que Tailwind no trae por defecto ----------------------- */
.animate-toast-in {
  animation: toast-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.animate-toast-out {
  animation: toast-out 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}