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

#expediente{

    position:relative;

    overflow:hidden;
}

.expediente-wrapper{

    display:grid;

    grid-template-columns:
    450px 1fr;

    gap:60px;

    align-items:center;

    margin-top:80px;
}

.expediente-core{

    position:relative;

    height:500px;

    border-radius:40px;

    overflow:hidden;

    background:

    linear-gradient(
        145deg,
        rgba(212,175,55,.08),
        rgba(255,255,255,.02)
    );

    border:
    1px solid rgba(212,175,55,.2);

    display:flex;

    align-items:center;

    justify-content:center;
}

.core-glow{

    position:absolute;

    width:350px;
    height:350px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(212,175,55,.35),
        transparent 70%
    );

    animation:
    pulseGold 5s infinite ease-in-out;
}

@keyframes pulseGold{

    0%{
        transform:scale(1);
        opacity:.4;
    }

    50%{
        transform:scale(1.2);
        opacity:.8;
    }

    100%{
        transform:scale(1);
        opacity:.4;
    }
}

.core-content{

    position:relative;

    z-index:2;

    text-align:center;

    padding:40px;
}

.expediente-id{

    display:inline-block;

    margin-bottom:20px;

    letter-spacing:3px;

    font-size:.75rem;

    color:#f5d88b;
}

.core-content h3{

    font-size:2rem;

    margin-bottom:20px;

    color:#fff;
}

.expediente-items{

    display:grid;

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

    gap:25px;
}

.exp-item{

    position:relative;

    padding:30px;

    border-radius:24px;

    background:

    rgba(255,255,255,.03);

    border:
    1px solid rgba(255,255,255,.08);

    transition:.5s;
}

.exp-item:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(212,175,55,.4);

    box-shadow:
    0 15px 50px rgba(
    212,
    175,
    55,
    .12);
}

.exp-item span{

    display:block;

    font-size:3rem;

    font-weight:900;

    color:rgba(
    212,
    175,
    55,
    .15);

    margin-bottom:10px;
}

.exp-item h4{

    color:#f5d88b;

    margin-bottom:10px;
}

@media(max-width:1000px){

    .expediente-wrapper{

        grid-template-columns:1fr;
    }

    .expediente-items{

        grid-template-columns:1fr;
    }

    .expediente-core{

        height:350px;
    }
}