.deliverables-grid {
            display: grid;
            grid-template-columns:
                repeat(auto-fit, minmax(260px, 1fr));
            gap: 25px;
            margin-top: 60px;
        }

        .deliverable-card {

            position: relative;

            padding: 40px;

            border-radius: 28px;

            cursor: pointer;

            overflow: hidden;

            background:
                linear-gradient(145deg,
                    rgba(255, 255, 255, .03),
                    rgba(255, 255, 255, .01));

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

            transition: .6s;
        }

        .deliverable-card:hover {

            transform:
                translateY(-12px) scale(1.03);

            box-shadow:
                0 0 60px rgba(212, 175, 55, .18);
        }

        .deliverable-card span {

            font-size: 4rem;

            font-family:
                'Cormorant Garamond';

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

        .deliverable-card h3 {

            margin-top: 15px;

            font-size: 1.4rem;
        }

        .deliverable-card::before {

            content: "";

            position: absolute;

            inset: -100%;

            background:
                linear-gradient(45deg,
                    transparent,
                    rgba(212, 175, 55, .15),
                    transparent);

            transition: 1s;
        }

        .deliverable-card:hover::before {

            inset: 100%;
        }

        .artifact-preview {

            position: relative;

            padding: 150px 30px;

            text-align: center;
        }

        .artifact-glow {

            position: absolute;

            width: 500px;
            height: 500px;

            left: 50%;
            top: 50%;

            transform:
                translate(-50%, -50%);

            background:
                radial-gradient(circle,
                    rgba(212, 175, 55, .25),
                    transparent);

            filter: blur(80px);

            animation:
                pulseGlow 6s infinite;
        }

        @keyframes pulseGlow {

            50% {

                transform:
                    translate(-50%, -50%) scale(1.2);
            }
        }

        .artifact-card {

            max-width: 900px;

            margin: auto;

            padding: 70px;

            border-radius: 40px;

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

            backdrop-filter:
                blur(30px);

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

        .artifact-badge {

            display: inline-block;

            padding: 10px 18px;

            border-radius: 999px;

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

            margin-bottom: 30px;
        }

        .artifact-stats {

            display: flex;

            justify-content: center;

            gap: 60px;

            margin-top: 50px;
        }

        .artifact-stats strong {

            display: block;

            font-size: 3rem;

            color: #f5d88b;
        }

        #expediente-modal {

            position: fixed;

            inset: 0;

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

            display: flex;

            justify-content: center;

            align-items: center;

            opacity: 0;

            pointer-events: none;

            transition: .4s;

            z-index: 9999;
        }

        #expediente-modal.active {

            opacity: 1;

            pointer-events: auto;
        }

        .modal-content {

            width: 90%;
            max-width: 700px;

            padding: 50px;

            border-radius: 30px;

            background: #111;

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

            position: relative;
        }

        #closeModal {

            position: absolute;

            right: 20px;
            top: 20px;

            background: none;

            border: none;

            color: white;

            font-size: 24px;

            cursor: pointer;
        }