/* ==========================================================================
   Animación de entrada (`cid.animacion`)
   --------------------------------------------------------------------------
   Sube 28px y se funde, con una curva lenta al final —la de los sitios de
   Apple—. `--retraso` escalona los elementos de una misma lista.
   ========================================================================== */
.cid-revelar {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s cubic-bezier(.16, 1, .3, 1), transform .9s cubic-bezier(.16, 1, .3, 1);
  transition-delay: var(--retraso, 0ms);
}

.cid-revelar.es-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .cid-revelar { opacity: 1; transform: none; transition: none; }

  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}