/* Estilos de la galería */
        .galeria-item {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);    
            cursor: pointer;
            display: block; /* Para que el link (a) ocupe todo */
        }

        .galeria-item img {
            width: 100%;
            height: 250px; /* Altura fija para que todas se vean iguales */
            object-fit: cover; /* Evita que las fotos se deformen */
            transition: transform 0.5s ease;
        }

        /* Efecto de acercamiento de la foto al pasar el cursor */
        .galeria-item:hover img {
            transform: scale(1.05); /* Zoom sutil de la foto entera */
        }

        /* Capa superpuesta permanentemente visible */
        .galeria-overlay {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: transparent; /* No cubrimos la imagen por defecto */
            opacity: 1; /* ¡Siempre encendido! */
            transition: background 0.3s ease;
            pointer-events: none; /* Dejamos pasar los clics */
        }

        /* Pantalla semi-azul solo al hacer hover */
        .galeria-item:hover .galeria-overlay {
            background: rgba(44, 76, 123, 0.4); /* Un tinte azul marino muy suave */
        }

        /* Ícono de la lupa EN LA ESQUINA INFERIOR DERECHA */
        .galeria-icon {
            position: absolute;
            bottom: 15px; /* Separado del borde inferior */
            right: 15px;  /* Separado del borde derecho */
            color: #fff;
            font-size: 22px;
            border: 2px solid rgba(255, 255, 255, 0.7);
            background: rgba(44, 76, 123, 0.8); /* Azul marino permanente como botón */
            border-radius: 50%;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* Sombra para que flote bien */
        }
        
        /* Efecto del botón lupa al hacer hover sobre la foto */
        .galeria-item:hover .galeria-icon {
            transform: scale(1.15); /* Crece la lupa */
            border: 2px solid white;
            background: rgba(44, 76, 123, 1); /* Se vuelve tono solido */
        }