/* Um @keyframes por efeito: nome "fx-<chave>" (veja config/effects.php). */
@keyframes fx-fadeIn { from { opacity: 0 } to { opacity: 1 } }
@keyframes fx-fadeOut { from { opacity: 1 } to { opacity: 0 } }
@keyframes fx-blink { 0%, 100% { opacity: 1 } 50% { opacity: 0 } }
@keyframes fx-slideLeft { from { opacity: 0; transform: translateX(-12%) } to { opacity: 1; transform: none } }
@keyframes fx-slideRight { from { opacity: 0; transform: translateX(12%) } to { opacity: 1; transform: none } }
@keyframes fx-slideUp { from { opacity: 0; transform: translateY(14%) } to { opacity: 1; transform: none } }
@keyframes fx-zoomIn { from { opacity: 0; transform: scale(.6) } to { opacity: 1; transform: none } }
@keyframes fx-grow { from { transform: scale(1) } to { transform: scale(1.3) } }
@keyframes fx-shrink { from { transform: scale(1) } to { transform: scale(.7) } }
@keyframes fx-pulse { 0%, 100% { transform: scale(1) } 50% { transform: scale(1.08) } }
@keyframes fx-shake { 0%, 100% { transform: translateX(0) } 20% { transform: translateX(-3%) } 40% { transform: translateX(3%) } 60% { transform: translateX(-2%) } 80% { transform: translateX(2%) } }
@keyframes fx-bounce { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-9%) } }
@keyframes fx-float { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-6%) } }
@keyframes fx-spin { from { transform: rotate(0) } to { transform: rotate(360deg) } }