/**
 * ============================================================================
 * JEFTEK — Animaciones
 * ============================================================================
 * Animaciones sutiles estilo Apple: fade-up al scroll, transiciones suaves.
 * ============================================================================
 */

/* ─── Scroll Reveal base ─── */
.jfk-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
                transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.jfk-reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* ─── Delay classes para stagger ─── */
.jfk-delay-1 { transition-delay: 0.1s; }
.jfk-delay-2 { transition-delay: 0.2s; }
.jfk-delay-3 { transition-delay: 0.3s; }
.jfk-delay-4 { transition-delay: 0.4s; }
.jfk-delay-5 { transition-delay: 0.5s; }
.jfk-delay-6 { transition-delay: 0.6s; }

/* ─── Hero entrance ─── */
@keyframes jfk-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.jfk-hero-title {
    animation: jfk-fadeInUp 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s both;
}

.jfk-hero-subtitle {
    animation: jfk-fadeInUp 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0.25s both;
}

.jfk-hero-actions {
    animation: jfk-fadeInUp 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0.4s both;
}

/* ─── Pulse suave WhatsApp ─── */
@keyframes jfk-pulse {
    0%, 100% { box-shadow: 0 4px 16px rgba(37,211,102,0.35); }
    50%      { box-shadow: 0 4px 24px rgba(37,211,102,0.5); }
}

.jfk-whatsapp-float {
    animation: jfk-pulse 3s ease-in-out infinite;
}

.jfk-whatsapp-float:hover {
    animation: none;
}