script.js

document.addEventListener('DOMContentLoaded', () => {
    
    // --- 1. FUNCIONALIDAD DEL MENÚ DE HAMBURGUESA ---
    const menuToggle = document.querySelector('.menu-toggle');
    const navLinks = document.querySelector('.nav-links');

    if (menuToggle && navLinks) {
        menuToggle.addEventListener('click', () => {
            navLinks.classList.toggle('active');
        });
    }

    // ---------------------------------------------------------------- //

    // --- 2. SCROLL SUAVE A SECCIONES ---
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault(); 
            
            const targetId = this.getAttribute('href'); 
            const targetElement = document.querySelector(targetId);
            
            if (targetElement) {
                targetElement.scrollIntoView({
                    behavior: 'smooth' 
                });
                
                // Opcional: Cierra el menú móvil después de hacer clic en un enlace
                if (navLinks.classList.contains('active')) {
                    navLinks.classList.remove('active');
                }
            }
        });
    });

    // ---------------------------------------------------------------- //

    // --- 3. EFECTO DE SOMBRA EN EL HEADER AL SCROLL ---
    const header = document.querySelector('.navbar');

    window.addEventListener('scroll', () => {
        if (window.scrollY > 50) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
    });

    // ---------------------------------------------------------------- //
    
    // --- 4. EFECTO DE ESCRITURA (TYPING EFFECT) ---
    const textElement = document.getElementById('typing-text');
    const textToType = "Welcome to our world";
    let index = 0;
    const typingSpeed = 100; 

    // Aseguramos que el elemento exista antes de intentar escribir
    if (textElement) {
        function typeWriter() {
            if (index < textToType.length) {
                textElement.textContent += textToType.charAt(index);
                index++;
                setTimeout(typeWriter, typingSpeed);
            }
        }

        // Inicia
        typeWriter(); 
        
        textElement.classList.add('typing-cursor'); 
    }
});
// --- 5. VALIDACIÓN DEL FORMULARIO ---
    
    // Función para validar el formato del email (REGEX)
    function isValidEmail(email) {
        // Regex simple para verificar si el formato es parecido a "a@b.c"
        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return emailRegex.test(email);
    }

    // Función que se llama al enviar el formulario
    window.validateForm = function() {
        const name = document.getElementById('name').value.trim();
        const email = document.getElementById('email').value.trim();
        const message = document.getElementById('message').value.trim();

        // 1. Validar campos vacíos
        if (name === "" || email === "" || message === "") {
            alert("Por favor, completa todos los campos.");
            return false; // Previene el envío del formulario
        }

        // 2. Validar formato de email
        if (!isValidEmail(email)) {
            alert("Por favor, introduce una dirección de correo electrónico válida.");
            return false; // Previene el envío del formulario
        }

        // Si todo es correcto:
        alert("¡Mensaje enviado con éxito! Nos pondremos en contacto pronto.");
        return true; // Permite el envío del formulario 
    };
    
    // --- 6. EFECTO DE SEGUIMIENTO DE RATÓN (NEON CURSOR) ---
    const neonCursor = document.getElementById('neon-cursor');

   
    if (neonCursor && !('ontouchstart' in window || navigator.maxTouchPoints)) {
        document.addEventListener('mousemove', (e) => {
            // Actualiza la posicion 
            neonCursor.style.transform = `translate(${e.clientX}px, ${e.clientY}px)`;
        });
    }