/* Permitir siempre el scroll vertical en elementos que suelen bloquearlo */
.swiper-container,
.carousel,
.slider,
.cctv-pack-card,
iframe,
canvas {
    touch-action: pan-y !important;
}

/* Evitar que elementos invisibles o superpuestos bloqueen el touch */
.overlay,
.modal-backdrop {
    pointer-events: none;
}

/* Reactivar los eventos solo cuando el modal esté activo */
.modal.active .modal-backdrop {
    pointer-events: auto;
}


.mapa-contenedor iframe {
    pointer-events: none; /* El usuario hará scroll normalmente sobre el mapa */
}
.mapa-contenedor.activo iframe {
    pointer-events: auto; /* Se activa si el usuario da clic en un botón de "Interactuar con el mapa" */
}