/*==================================================
EXPEDIENTE F
==================================================*/

.modal{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(8px);

    -webkit-backdrop-filter:blur(8px);

    z-index:999999;

    padding:30px;

}

.modal.show{

    display:flex;

}

.modal-box{

    width:100%;

    max-width:620px;

    background:

        linear-gradient(
            180deg,
            #171717,
            #0d0d0d
        );

    border:1px solid rgba(0,255,136,.20);

    border-radius:18px;

    padding:40px;

    box-shadow:

        0 0 50px rgba(0,255,136,.12),

        0 0 120px rgba(111,73,216,.10);

    text-align:center;

    position:relative;

    overflow:hidden;

}

.modal-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(
            circle at top,
            rgba(0,255,136,.08),
            transparent 60%
        );

    pointer-events:none;

}

.modal-classified{

    display:inline-block;

    color:#ff5555;

    font-family:'Orbitron',sans-serif;

    letter-spacing:2px;

    margin-bottom:18px;

}

.modal-box h2{

    margin-bottom:30px;

    font-family:'Orbitron',sans-serif;

    letter-spacing:2px;

}

.modal-info{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-bottom:30px;

}

.modal-info strong{

    color:var(--green);

    font-family:'Orbitron',sans-serif;

    font-size:.82rem;

}

.modal-warning{

    margin:25px 0;

    padding:14px;

    border:1px solid #ff4444;

    color:#ff6666;

    font-family:'Orbitron',sans-serif;

    letter-spacing:2px;

    background:rgba(255,0,0,.08);

}

.modal-text{

    color:#d7d7d7;

    margin-bottom:30px;

    line-height:1.8;

}

#close-expediente{

    min-width:220px;

}

@media(max-width:700px){

    .modal-box{

        padding:28px;

    }

    .modal-info{

        grid-template-columns:1fr;

        gap:18px;

    }

}