/* Contenedor del Masonry Grid */
        .masonry-grid {
            column-count: 3; /* Ajusta el número de columnas según sea necesario */
            column-gap: 1.6rem; /* Espacio entre columnas */
        }
        
        /* Elementos dentro del Masonry Grid */
        figure.efectoImg {
            overflow: hidden;
            display: inline-block;
            position: relative; /* Necesario para posicionar el figcaption */
            cursor:pointer;
        }
        
        figure.efectoImg img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 400ms ease-out;
        }
        
        figure.efectoImg:hover{
            box-shadow: 0px 0px 5px 2px rgba(194,194,194,1);
            -webkit-box-shadow: 0px 0px 5px 2px rgba(194,194,194,1);
            -moz-box-shadow: 0px 0px 5px 2px rgba(194,194,194,1);          
        }
        
        
        figure.efectoImg:hover img {
            transform: scale(1.15); /* Zoom sobre la imagen */

        }
        
        figure.efectoImg figcaption {
            opacity: 0;
            position: absolute; /* Colocamos el figcaption sobre la imagen */
            top: 10px; /* Ajustamos la posición desde la parte inferior */
            left: 10px; /* Ajustamos la posición desde la izquierda */
            right: 10px; /* Ajustamos la posición desde la derecha */
            background: var(--morado); /* Fondo translúcido para el figcaption */
            color: white; /* Color de texto */
            padding: 0.5rem 1rem; /* Menos padding para ajustarse al tamaño del texto */
            max-width: 90%; /* Limitar el ancho del figcaption para que no cubra toda la imagen */
            white-space: nowrap; /* Evitar que el texto se desborde */
            text-overflow: ellipsis; /* Mostrar puntos suspensivos si el texto es demasiado largo */
            overflow: hidden; /* Evitar que el texto se salga del área asignada */
            transition: opacity 0.3s ease-in-out;
        }
        
        figure.efectoImg:hover figcaption {
            opacity: 1; /* El figcaption se vuelve visible al hacer hover */
        }