/* ==============================================
   EFECTOS ESPECIALES - Utilidades de trigger y preview
   Los @keyframes y clases .animate-* estan en animaciones-plantillas.css
   ============================================== */

/* ==============================================
   UTILIDADES DE TRIGGER (vista publica /confirmar)
   ============================================== */

/* Elementos con trigger scroll: ocultos hasta ser visibles */
[data-efecto-trigger="scroll"]:not(.efecto-visible) {
    opacity: 0 !important;
    animation: none !important;
}

/* Cuando se marcan como visibles, dejar que la animación tome control */
[data-efecto-trigger="scroll"].efecto-visible {
    opacity: 1;
}

/* Trigger hover: solo animar al pasar el ratón */
[data-efecto-trigger="hover"] {
    animation: none !important;
}

[data-efecto-trigger="hover"]:hover {
    animation: var(--efecto-animacion) !important;
}

/* ==============================================
   PREVIEW MODE (editor admin)
   ============================================== */

/* Durante preview en admin, forzar visibilidad */
.efecto-preview {
    opacity: 1 !important;
}