@charset "utf-8";
/* modales.css v1.1.0 */

@layer modales{
    #app-modal {
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        isolation: isolate;
    }

    .modal-backdrop {
        position: fixed;
        inset: 0;
        /*background: rgba(0,0,0,.85);
        background-image: url("../img/overlay.png");*/
    }

    .modal-backdrop::before {
        content: "";
        position: absolute;
        inset: 0;

        background: url("../img/overlay.png");
        opacity: 0.9; /* 🔥 aquí controlas la intensidad */

        z-index: 0;
    }

    .modal-panel {
        position: relative;
        padding-top: 40px;
        z-index: 1;
        max-width: 95vw;
        max-height: 95vh;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #pdf-canvas,
    #modal-img {
        max-width: 100%;
        max-height: 85vh;
        height: auto;
    }
/*
    .modal-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #000;
        color: #fff;
        border: 0;
        border-radius: 6px;
        padding: 8px 12px;
        cursor: pointer;
        z-index: 2;
    }
*/
.modal-close {
    position: fixed;
    top: 1rem;
    right: 1rem;

    z-index: 2147483647;

    background: rgba(0,0,0,.7);
    color: #ff0000;
    border: 2px solid #000;
    padding: 10px 14px;
    border-radius: 50%;
    font-weight: 800;
}
   .modal-controls {
        margin-top: 10px;
        color: #fff;
    }
}