/* contenedoresVDK.css */
.contenedor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); /* Columnas de 500px */
    grid-auto-rows: 500px; /* Filas de 500px */
    gap: 0; /* Sin espacio entre los contenedores */
    width: 100vw; /* Ocupar todo el ancho de la pantalla */
    height: 100vh; /* Ocupar todo el alto de la pantalla */
    margin: 0; /* Sin márgenes */
    padding: 0; /* Sin padding */
    box-sizing: border-box; /* Incluir bordes en el tamaño */
    overflow: hidden; /* Evitar desbordamiento */
}

.contenedor-item {
    width: 100%; /* Ocupar todo el ancho del contenedor */
    height: 100%; /* Ocupar todo el alto del contenedor */
    border: 1px solid #ccc; /* Borde suave */
    box-sizing: border-box; /* Incluir bordes en el tamaño */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Evitar desbordamiento de imágenes */
}

.contenedor-item img {
    width: 100%; /* Ajustar la imagen al ancho del contenedor */
    height: 100%; /* Ajustar la imagen al alto del contenedor */
    object-fit: cover; /* Asegurar que la imagen cubra el contenedor */
}