/* Estilos personalizados para el lightbox de la galería de propiedades */

/* Mejorar visibilidad de los botones en todos los dispositivos */
.lb-nav a.lb-prev,
.lb-nav a.lb-next
{
    transition: opacity 0.3s ease;
}

/* Hacer los botones de navegación visibles y accesibles en mobile */
@media (max-width: 768px)
{
    .lb-nav a.lb-prev,
    .lb-nav a.lb-next
    {
        opacity: 0.8 !important;
        filter: alpha(Opacity=80) !important;
        min-height: 60px;
        min-width: 60px;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    }

    .lb-nav a.lb-prev:active,
    .lb-nav a.lb-next:active
    {
        opacity: 1 !important;
        filter: alpha(Opacity=100) !important;
        background-color: rgba(255, 255, 255, 0.1);
    }

    /* Aumentar el área táctil de los botones */
    .lb-nav a.lb-prev
    {
        width: 40% !important;
    }

    .lb-nav a.lb-next
    {
        width: 60% !important;
    }
}

/* Asegurar que el contenedor del lightbox sea táctil */
.lightbox
{
    touch-action: pan-y pinch-zoom;
}

/* Mejorar la experiencia táctil en el contenedor del lightbox */
.lb-outerContainer
{
    touch-action: pan-y pinch-zoom;
}