/**
 * VIRAXIS — particles-config.js
 * Particles.js se usa ÚNICAMENTE en el fondo del hero, como textura
 * sutil que refuerza la idea de red/automatización. No se usa en
 * ninguna otra sección para evitar ruido visual innecesario.
 */
(function () {
    'use strict';

    function initHeroParticles() {
        var target = document.getElementById('particles-hero');
        if (!target || typeof window.particlesJS !== 'function') return;

        var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
        if (prefersReducedMotion) return;

        window.particlesJS('particles-hero', {
            particles: {
                number: { value: 36, density: { enable: true, value_area: 900 } },
                color: { value: ['#2D8598', '#88C9B9', '#12416D'] },
                shape: { type: 'circle' },
                opacity: { value: 0.28, random: true },
                size: { value: 2.5, random: true },
                line_linked: {
                    enable: true,
                    distance: 130,
                    color: '#2D8598',
                    opacity: 0.14,
                    width: 1,
                },
                move: {
                    enable: true,
                    speed: 0.7,
                    direction: 'none',
                    random: true,
                    straight: false,
                    out_mode: 'out',
                },
            },
            interactivity: {
                detect_on: 'canvas',
                events: {
                    onhover: { enable: true, mode: 'grab' },
                    onclick: { enable: false },
                    resize: true,
                },
                modes: {
                    grab: { distance: 140, line_linked: { opacity: 0.3 } },
                },
            },
            retina_detect: true,
        });
    }

    document.addEventListener('DOMContentLoaded', initHeroParticles);
})();