/* ===== CORRECCIÓN DE INTERACTIVIDAD DE MODALES ===== */

/* Forzar que el modal sea completamente interactivo */
.news-modal {
    pointer-events: auto !important;
    z-index: 99999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

.news-modal.show {
    pointer-events: auto !important;
    display: flex !important;
}

/* Todos los elementos del modal deben ser interactivos */
.news-modal * {
    pointer-events: auto !important;
}

.news-modal-content {
    pointer-events: auto !important;
    z-index: 100000 !important;
    position: relative !important;
}

.news-modal-close {
    pointer-events: auto !important;
    z-index: 100001 !important;
    cursor: pointer !important;
}

/* Asegurar que los botones dentro del modal funcionen */
.news-modal button,
.news-modal .btn,
.news-modal input,
.news-modal textarea,
.news-modal select {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Asegurar que los enlaces dentro del modal funcionen */
.news-modal a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Prevenir que otros elementos interfieran */
body.modal-open {
    overflow: hidden !important;
}

/* Asegurar que el modal esté por encima de todo */
.news-modal {
    z-index: 99999 !important;
}

.news-modal-content {
    z-index: 100000 !important;
}

.news-modal-close {
    z-index: 100001 !important;
}