/* ==========================================================================
   CSS ANIMATIONS - INDUSTRIAS PIRIGUAO
   Efectos y Micro-interacciones Premium
   ========================================================================== */

/* Animación de Soldadura (Chispas) */
@keyframes spark-float {
    0% {
        transform: translateY(0) translateX(0) scale(1) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(-120px) translateX(var(--spark-x, 20px)) scale(0) rotate(360deg);
        opacity: 0;
    }
}

.spark {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--color-glow);
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 0 8px var(--color-glow), 0 0 15px var(--color-premium);
    animation: spark-float 1.5s ease-out infinite;
    z-index: 5;
    opacity: 0;
}

/* Animación de Resplandor Pulsante */
@keyframes glow-pulse {
    0% {
        box-shadow: 0 0 5px rgba(245, 169, 76, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(245, 169, 76, 0.6), 0 0 30px rgba(183, 122, 74, 0.3);
    }
    100% {
        box-shadow: 0 0 5px rgba(245, 169, 76, 0.2);
    }
}

.pulse-glow {
    animation: glow-pulse 3s infinite;
}

/* Efecto de Reflejo Metálico Hover */
.shiny-hover {
    position: relative;
    overflow: hidden;
}

.shiny-hover::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: rgba(255, 255, 255, 0.13);
    transform: rotate(30deg);
    transition: none;
    pointer-events: none;
}

.shiny-hover:hover::after {
    left: 150%;
    transition: all 0.8s ease-in-out;
}

/* Animaciones al Desplazar (Scroll Reveal) */
.reveal {
    opacity: 0;
    transition: var(--transition-slow);
}

.reveal.reveal-up {
    transform: translateY(50px);
}

.reveal.reveal-left {
    transform: translateX(-50px);
}

.reveal.reveal-right {
    transform: translateX(50px);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0) translateX(0);
}

/* Retrasos de Animación (Staggering) */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }

/* Efecto de chispas en la herradura o logo en Hover */
.logo:hover .logo-icon {
    animation: glow-pulse 1.5s infinite;
}

/* Slider antes/después animación de transición suave */
.ba-handle.active {
    background-color: var(--color-glow);
    box-shadow: 0 0 20px var(--color-glow);
}

/* Spin de carga en peticiones */
@keyframes spin {
    to { transform: rotate(360deg); }
}

.spinner {
    width: 24px;
    height: 24px;
    border: 3px solid rgba(183, 122, 74, 0.2);
    border-top-color: var(--color-premium);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}