/* Estructura del contenedor con imagen sensible */
.mex-sensitive-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Efecto de desenfoque para la imagen destacada */
.mex-sensitive-wrapper img {
    filter: blur(25px) brightness(0.6) !important;
    transform: scale(1.08) !important;
    transition: filter 0.3s ease, transform 0.3s ease !important;
}

/* Capa de advertencia superior */
.mex-sensitive-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    background: rgba(11, 13, 16, 0.65) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    backdrop-filter: blur(4px) !important;
    transition: opacity 0.3s ease !important;
}

/* Botón de aviso con estilo corporativo (#0b0d10 y #e30613) */
.mex-sensitive-badge {
    background-color: #0b0d10 !important;
    color: #ffffff !important;
    border: 1px solid #e30613 !important;
    padding: 10px 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    pointer-events: none !important;
}

.mex-sensitive-badge svg {
    fill: #e30613 !important;
    flex-shrink: 0 !important;
}

/* Revelado de la imagen destacada */
.mex-sensitive-wrapper.is-unblurred img {
    filter: none !important;
    transform: scale(1) !important;
}

.mex-sensitive-wrapper.is-unblurred .mex-sensitive-overlay {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Manejo de imágenes internas dentro del cuerpo de la nota */
article.is-sensitive-post .entry-content img {
    filter: blur(25px) brightness(0.6) !important;
    cursor: pointer !important;
    transition: filter 0.3s ease !important;
}

article.is-sensitive-post .entry-content img.is-unblurred {
    filter: none !important;
}