/* ============================================
   X-OBRAS Engenharia - Particles System CSS
   ============================================ */

.particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: auto;
}

.hero-slide img {
    transition: transform 6s ease-out, opacity 0.8s ease-in-out;
}

.hero-slide.active img {
    transform: scale(1.05);
}

/* Particle glow effect */
@keyframes particlePulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* Canvas container ensures proper sizing */
.hero {
    position: relative;
    overflow: hidden;
}

/* Smooth particle fade on edges */
.hero::before,
.hero::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .particle-canvas {
        display: none;
    }
}