.imagen-captura-mapa {
    transition: all 0.2s ease-in-out; /* Suaviza todos los cambios con una duración más corta */
}


/* Cuando no hay imagen, desactivar el hover */
.imagen-captura-mapa.no-hover {
    pointer-events: none; /* Desactiva todo tipo de interacción con la imagen */
}

/* Estilo de hover, solo aplicado si no tiene la clase no-hover */
.avatar:hover .imagen-captura-mapa:not(.no-hover) {
    position: fixed;
    left: 21.95em;
    top: 2em;
    background: white;
    width: 60%;
    height: 40em;
    z-index: 100000;
    border-radius: 0;
}
a.hover-primary {
        cursor: pointer; /* Cambia el cursor a estilo de enlace */
    }