/* ============================================
   CBRIAN - Mobile Scroll Fix
   ============================================ */

/* Fix horizontal scroll on mobile devices */
@media (max-width: 1023px) {
    html {
        overflow-x: hidden !important;
        width: 100%;
        max-width: 100vw;
    }

    body {
        overflow-x: hidden !important;
        width: 100%;
        max-width: 100vw;
        position: relative;
    }

    /* Ensure all sections don't overflow */
    .hero,
    .section,
    #hero,
    #servicios,
    #sobre-mi,
    #metodologia,
    #testimonios,
    #contacto,
    footer {
        overflow-x: hidden;
        max-width: 100vw;
        width: 100%;
    }

    /* Fix containers */
    .container,
    .nav-container,
    .hero-content {
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Fix particles */
    .particles-container,
    #particles-js {
        max-width: 100vw !important;
        overflow: hidden !important;
        left: 0;
        right: 0;
    }

    /* Ensure rows and grids don't overflow */
    .services-grid,
    .about-grid,
    .tech-grid,
    .contact-grid,
    .footer-grid {
        max-width: 100%;
    }

    /* Fix images */
    img {
        max-width: 100%;
        height: auto;
    }
}