/* --- INICIO: Galería de Miniaturas Homogénea --- */

.thumbnail-grid {
    display: flex;
    flex-wrap: wrap;
    /* Para que las cajas pasen a la siguiente línea */
    /* Opcional: Centrar la cuadrícula en su contenedor */
    justify-content: left;
}

.thumbnail-box {
    /* 1. Define el tamaño de la caja (100x100) */
    width: 100px;
    height: 100px;

    /* 2. Oculta lo que se desborde (el recorte) */
    overflow: hidden;

    /* 3. Espaciado */
    margin: 0.25rem;
    /* Aprox 4px */

    /* 4. Estética opcional */
    background-color: #222;
    /* Fondo oscuro mientras carga */
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.thumbnail-box .thumbnail-media {
    /* 5. ¡LA MAGIA! (Aplica a <img> y <video>) */
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Escala y recorta SIN distorsionar */
    object-position: center;
    /* Centra el recorte */
}

.gslide-description {
    display: none;
}

/* --- FIN: Galería de Miniaturas --- */