.cert-card {
            transition: all 0.4s ease;
            background: var(--card-bg);
            position: relative;
            border-left: 4px solid transparent;
        }
        
        .cert-card:hover {
            transform: translateY(-5px);
            border-left-color: var(--neon-green);
            
           
        }
        
        .badge {
            font-size: 0.7rem;
            padding: 0.25rem 0.5rem;
            border-radius: 9999px;
            font-weight: bold;
        }
        
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            padding: 20px;
        }
        
        .modal.active {
            opacity: 1;
            visibility: visible;
        }
        
        .modal-content {
            background: var(--card-bg);
            border-radius: 10px;
            max-width: 800px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 20px;
            position: relative;
            overflow-y: scroll;               /* Habilita el scroll vertical */
            scrollbar-width: none;           /* Oculta la barra en Firefox */
            
        }
        
        .modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            color: var(--neon-green);
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .modal-close:hover {
            color: white;
            transform: rotate(90deg);
        }
        
        .pulse-animation {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        .countdown {
            font-family: 'Share Tech Mono', monospace;
        }
        
        /* Efecto cuadriculado */
        .grid-pattern {
            background-image: 
                linear-gradient(to right, #80808012 1px, transparent 1px),
                linear-gradient(to bottom, #80808012 1px, transparent 1px);
            background-size: 24px 24px;
        }
        
        .radial-glow {
            background: radial-gradient(circle at center, rgba(0, 255, 157, 0.1) 0%, transparent 70%);
        }
        
       
        
        
        .head-modal{
            padding: 10px 30px;
        }