/* --- CUADRÍCULA DE 9 IMÁGENES (BRANDING - 2 POR LÍNEA) --- */
.image-grid-9 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en PC, igual que videoclips */
    gap: 35px; /* Misma separación limpia */
    margin-top: 50px;
}

/* Responsive para celulares (1 columna) */
@media (max-width: 768px) {
    .image-grid-9 {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

/* --- CUADRÍCULA DE 8 IMÁGENES (3D - 2 POR LÍNEA) --- */
.image-grid-8 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en PC */
    gap: 35px;
    margin-top: 50px;
}

/* Responsive para celulares (1 columna) */
@media (max-width: 768px) {
    .image-grid-8 {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}