/* ========================================
   MÓVILES: SCROLL 100% NATIVO - CONTROL TOTAL
   ======================================== */

@media (max-width: 768px) {
    /* Liberar completamente el scroll */
    html {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        height: auto !important;
        position: static !important;
    }
    
    body {
        overflow-y: visible !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        height: auto !important;
        position: static !important;
    }
    
    /* CRÍTICO: Remover overflow: clip que está bloqueando el scroll */
    .body_wrap.o-clip,
    .body_wrap {
        overflow: visible !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        height: auto !important;
        position: static !important;
        transform: none !important;
    }
    
    /* Asegurar que ningún elemento tenga overflow: clip */
    .o-clip {
        overflow: visible !important;
        overflow-x: hidden !important;
    }
    
    /* Desactivar animaciones pesadas */
    .wow {
        animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    [data-parallax],
    .parallax {
        transform: none !important;
        background-attachment: scroll !important;
    }
    
    /* Reducir partículas */
    #about-particles {
        opacity: 0.2 !important;
        pointer-events: none !important;
    }
}

/* Desktop */
@media (min-width: 769px) {
    html {
        scroll-behavior: smooth;
    }
}

/* Desktop sin cambios */
@media (min-width: 769px) {
    html {
        scroll-behavior: smooth;
    }
}

/* Optimizaciones generales */
* {
    -webkit-tap-highlight-color: transparent;
}


/* Scroll snap para secciones en móviles (opcional) */
@media (max-width: 768px) {
    /* Comentar estas líneas si no quieres snap scrolling */
    /*
    body {
        scroll-snap-type: y proximity;
    }
    
    section {
        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }
    */
}

/* Mejorar el rendimiento del scroll */
.bg_img,
video,
canvas {
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Optimización para partículas en móviles */
@media (max-width: 768px) {
    /* Reducir opacidad de partículas para mejor rendimiento */
    #about-particles {
        opacity: 0.4 !important;
    }
    
    #about-particles canvas {
        opacity: 0.4 !important;
    }
    
    /* Reducir animaciones WOW en móviles */
    .wow {
        animation-duration: 0.4s !important;
    }
    
    /* Desactivar parallax en móviles para mejor rendimiento */
    [data-parallax],
    .parallax,
    .jarallax {
        transform: none !important;
        background-attachment: scroll !important;
    }
}

/* Suavizar transiciones de touch */
a, button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
}

/* Prevenir zoom accidental en inputs */
input, select, textarea {
    font-size: 16px !important; /* Previene zoom en iOS */
}