.nota { padding: 1rem; border: 1px solid navy; animation: comparsa 400ms ease 1; }
@keyframes comparsa {
  from { opacity: 0.5; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) { .nota { animation: none; } }