/* Corrección: Permitir interacción y zoom en el contenedor principal */
@media (max-width: 768px) {
    
    /* 1. Forzar que el contenedor principal Lightbox sea táctil */
    .cWindow {
        -webkit-touch-callout: default !important; /* Para iOS */
        -webkit-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        user-select: text !important;
        
        /* Aseguramos que la posición no interfiera */
        position: fixed !important; 
        z-index: 99999 !important; /* Asegura que está por encima de todo */
        top: 0 !important;
        left: 0 !important;
    }

    /* 2. Asegurar que la imagen no está bloqueando el touch */
    .cWindow img {
        pointer-events: auto !important;
        touch-action: pan-y !important; /* Puede ayudar con el zoom */
    }

    /* 3. Desactivar cualquier estilo de la plantilla que bloquee el toque */
    body.cWindow-Open {
        overflow: hidden !important;
        -webkit-overflow-scrolling: auto !important;
        -ms-overflow-style: auto !important;
    }
}
/* SOLUCIÓN AL BLOQUEO TÁCTIL (TOUCH) EN MÓVILES */
@media (max-width: 768px) {

    /* 1. Resetear el área de JomSocial */
    /* El contenedor principal de JomSocial debe ser interactivo */
    #community-wrap, .jomsocial-wrapper, .joms-page {
        position: relative !important;
        /* Asegura que no haya elementos de la plantilla cubriéndolo */
        z-index: 100 !important; 
    }

    /* 2. Anular cualquier elemento fijo que pueda superponerse */
    /* Esto es genérico para la mayoría de las plantillas (como Flex) */
    header, nav, #header, #nav-mobile, .header-fixed {
        /* Fuerza a que cualquier elemento fijo de la plantilla esté debajo (si no lo necesitan) */
        z-index: 10 !important;
    }

    /* 3. Asegurar que los enlaces de las imágenes son interactivos */
    .joms-photos .joms-photo a, .joms-photo-gallery a {
        /* Asegura que el enlace responda al toque */
        pointer-events: auto !important; 
        cursor: pointer !important;
        /* Garantiza que el enlace esté por encima de la imagen */
        position: relative !important; 
        z-index: 200 !important; 
    }

    /* 4. Permitir el zoom nativo (pinch-to-zoom) */
    /* Esto se aplica al cuerpo de la página en móvil */
    body {
        touch-action: pan-x pan-y !important;
    }
}
/* Corrección: JomSocial Lightbox a Pantalla Completa en Móvil */
@media (max-width: 768px) {

    /* 1. Contenedor principal del Lightbox */
    .cWindow {
        width: 100vw !important;
        max-width: 100vw !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 2. Contenedor del contenido */
    .cWindow-Content {
        padding: 0 !important;
    }

    /* 3. La imagen dentro del Lightbox */
    .cWindow img {
        width: 100% !important;
        height: auto !important;
        max-height: 90vh !important;
        object-fit: contain;
    }
}