/* Animaciones de entrada de Elementor para bloques con la clase ss-anim (ver includes/class-ssd-entrada-bloques.php):
   el bloque espera invisible hasta entrar en pantalla y entonces corre la misma animación de Elementor. */
.ss-anim:not(.ss-anim-visto) { visibility: hidden; }
.ss-anim.ss-anim-visto { animation-duration: 1.25s; animation-fill-mode: both; }
.ss-anim.ss-anim-visto.ss-anim-lento { animation-duration: 2s; }
.ss-anim.ss-anim-visto.ss-anim-rapido { animation-duration: .75s; }
.ss-anim-visto.ss-anim-fadeInUp { animation-name: fadeInUp; }
.ss-anim-visto.ss-anim-fadeIn { animation-name: fadeIn; }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.ss-anim:not(.ss-anim-visto) { visibility: visible; }
	.ss-anim.ss-anim-visto { animation: none; }
}
/* En el editor de bloques no se anima. */
.editor-styles-wrapper .ss-anim:not(.ss-anim-visto) { visibility: visible; }
.editor-styles-wrapper .ssd-entrada-sube, .editor-styles-wrapper .ssd-palabra > span, .editor-styles-wrapper .ssd-tipeo { animation: none; }