#news-container { max-width: 1200px; margin: 0 auto; padding: 20px; }

/* Grid de 3 columnas */
.news-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    margin-top: 40px; 
}

.news-card { 
    background: #1a1a1a; 
    padding: 15px; 
    border: 1px solid #333; 
}

.thumb { 
    background: #444; 
    height: 150px; 
    margin-bottom: 10px; 
}

h3 { color: #00ffcc; }

.group:hover > ul {
    display: block;
    animation: fadeIn 0.2s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}