/* --- 1. HERO ANIMATION --- */
@keyframes zoomOutBg {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.animate-zoom-out {
    animation: zoomOutBg 10s ease-out forwards;
}

/* --- 2. TEXT ANIMATION --- */
@keyframes slideInLeft {
    0% { transform: translateX(-100px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
.reveal-left {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 1s ease-out;
}
.reveal-left.active {
    animation: slideInLeft 1s ease-out forwards;
    opacity: 1;
    transform: translateX(0);
}

/* --- 3. PRODUCT ANIMATION --- */
@keyframes popUp {
    0% { transform: scale(0.8) translateY(20px); opacity: 0; }
    60% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

.animate-pop {
    animation: popUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    opacity: 0;
}

/* --- 4. SCROLL REVEAL STANDARD --- */
.reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.8s ease-out; 
}
.reveal.active { 
    opacity: 1; 
    transform: translateY(0); 
}

/* --- 5. WHATSAPP PULSE ANIMATION --- */
@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.animate-pulse-green {
    animation: pulse-green 2s infinite;
}

.animate-pulse-green:hover {
    animation: none;
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
}

.no-scrollbar::-webkit-scrollbar { display: none; }