/* Establece padding para card-body */
.card-imagen {
    padding: 0px; 
}

/* Estilo para el contenedor de la imagen */
.contenedor-imagenes {
    position: relative; /* Establece el posicionamiento relativo */
    overflow: hidden; /* Oculta el contenido que se desborde */
    height: 200px; /* Establece una altura fija para el contenedor de la imagen */
}

/* Estilo para la imagen dentro del contenedor */
.contenedor-imagenes img {
    width: 100%; /* Ajusta el ancho de la imagen al 100% del contenedor */
    height: 100%; /* Ajusta automáticamente la altura de la imagen */
    object-fit: cover; /* Mantiene las proporciones de la imagen y la ajusta dentro del contenedor */
    transition: transform 0.3s ease; /* Agrega una transición suave al cambio de tamaño */
}

/* Estilo para cuando el mouse está sobre la imagen */
.contenedor-imagenes img:hover {
    transform: scale(1.2); /* Agranda la imagen al 120% de su tamaño original */
}
.loaded {
    display: block;
}